/* The service title accompanies three reading states; the complete copy stays in flow. */
@media(min-width:1000px) and (min-height:650px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .offers-section[data-offers-mode='reading']{overflow:visible}
  .offers-section[data-offers-mode='reading'] .offer-column{
    position:relative;
    top:auto;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    grid-template-rows:auto;
    align-items:start;
    min-height:0;
    row-gap:0;
  }
  .offers-section[data-offers-mode='reading'] .offer-reading-guide{
    grid-column:1;
    grid-row:1;
    align-self:start;
    display:grid;
    gap:20px;
    min-width:0;
    padding-bottom:6px;
  }
  .offers-section[data-offers-mode='reading'] .offer-column[data-offer-sticky='true'] .offer-reading-guide{
    position:sticky;
    top:calc(var(--header-height) + 24px);
  }
  .offers-section[data-offers-mode='reading'] .offer-reading-guide .offer-heading{gap:20px}
  .offers-section[data-offers-mode='reading'] .offer-reading-guide h3{
    max-width:8em;
    font-size:clamp(34px,3.6vw,54px);
    line-height:1.02;
    letter-spacing:-.06em;
  }
  .offers-section[data-offers-mode='reading'] .offer-reading-progress{
    height:3px;
    width:100%;
    max-width:340px;
    margin-top:2px;
    background:var(--offer-line);
    overflow:hidden;
  }
  .offers-section[data-offers-mode='reading'] .offer-reading-progress i{
    display:block;
    width:100%;
    height:100%;
    background:currentColor;
    transform:scaleX(var(--offer-reading-progress,0));
    transform-origin:left;
  }
  .offers-section[data-offers-mode='reading'] .offer-reading-nav{display:grid;gap:5px;max-width:340px}
  .offers-section[data-offers-mode='reading'] .offer-reading-nav button{
    display:flex;
    align-items:center;
    gap:14px;
    width:100%;
    min-height:46px;
    margin:0;
    padding:10px 13px;
    border:1px solid transparent;
    border-radius:4px;
    background:transparent;
    color:inherit;
    font:600 12px/1.45 var(--body);
    text-align:left;
    cursor:pointer;
    transition:background-color .2s var(--cm-ease-out),border-color .2s var(--cm-ease-out);
  }
  .offers-section[data-offers-mode='reading'] .offer-reading-step-number{min-width:1.5em;font:800 17px/1 var(--display);letter-spacing:-.04em}
  .offers-section[data-offers-mode='reading'] .offer-reading-nav button:hover{border-color:var(--offer-line)}
  .offers-section[data-offers-mode='reading'] .offer-reading-nav button[aria-current='step']{
    border-color:currentColor;
    background:color-mix(in srgb,currentColor 8%,transparent);
  }
  .offers-section[data-offers-mode='reading'] .offer-reading-nav button:focus-visible{
    outline:2px solid currentColor;
    outline-offset:4px;
  }
  .offers-section[data-offers-mode='reading'] .offer-column .offer-copy{
    grid-column:2;
    grid-row:1;
    align-self:start;
    max-width:none;
    gap:0;
  }
  .offers-section[data-offers-mode='reading'] .offer-reading-region{
    display:grid;
    align-content:start;
    gap:17px;
    min-width:0;
    min-height:clamp(190px,28svh,300px);
    padding:25px 0 30px 20px;
    border-top:1px solid var(--offer-line);
    border-left:2px solid transparent;
    scroll-margin-top:calc(var(--header-height) + 28px);
    transition:border-left-color .2s var(--cm-ease-out),background-color .2s var(--cm-ease-out);
  }
  .offers-section[data-offers-mode='reading'] .offer-reading-region:first-child{border-top:0;padding-top:0}
  .offers-section[data-offers-mode='reading'] .offer-reading-region[data-offer-region='scope']{min-height:clamp(240px,32svh,350px);padding-bottom:0}
  .offers-section[data-offers-mode='reading'] .offer-reading-region[data-offer-active='true']{
    border-left-color:currentColor;
    background:color-mix(in srgb,currentColor 3%,transparent);
  }
  .offers-section[data-offers-mode='reading'] .offer-reading-region:focus-visible{
    outline:2px solid currentColor;
    outline-offset:5px;
  }
  .offers-section[data-offers-mode='reading'] .offer-reading-region .offer-action{
    grid-column:1;
    grid-row:auto;
    margin-top:4px;
    max-width:100%;
    gap:12px;
  }
  .offers-section[data-offers-mode='reading'] .offer-reading-region .offer-action>.pill{justify-self:start}
}