/* Cargado "coverage through your TMS" section, v6 (10/8/2026: v5 rework plus the shared home tokens; see the block at the end). Everything is scoped under .cg-cov so it cannot leak into the host page.
   Tokens are declared on .cg-cov: colors from the prototype light context (the card is always navy), plus spacing (--sp-*), radius (--r-*)
   and type (--t-*) steps so a shared token set can be swapped in with small edits. */
.cg-cov{--alt:#F8FAFC;--alt-2:#F1F5F9;--azul:#345ED1;--azul-100:#DEE5F7;--azul-200:#CDD7F4;--azul-800:#2648A6;--azul-950:#0F204B;--body:#475569;--cap:#64748B;--card:#FFFFFF;--ease-out:cubic-bezier(.2,.8,.2,1);--f-body:Inter,"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;--f-head:var(--_typography---font-styles--heading,"Libre Franklin","Helvetica Neue",Helvetica,Arial,sans-serif);--green:#10B981;--green-50:#ECFDF5;--green-700:#047857;--red:#EF4444;--red-50:#FEF2F2;--red-700:#B91C1C;--slate-100:#F1F5F9;--slate-400:#94A3B8;--slate-700:#334155;--gut:clamp(16px,4vw,56px);--ink:#0F172A;--line:#E2E8F0;--line-2:#CBD5E1;--line-dk:rgba(255,255,255,.2);--line-dk-2:rgba(255,255,255,.12);--link:#345ED1;--max:1200px;--on-b1:rgba(255,255,255,.88);--on-b2:#BFD3FF;--sky-300:#7DD3FC;--sky-400:#38BDF8;
  /* shared home tokens (review-2026-10-07/home.md, "Design tokens"), the subset this section uses */
  --measure:52ch;--sec-pad:clamp(64px,8vw,112px);--sec-pad-band:clamp(40px,5vw,64px);--head-lede:20px;--row-body:clamp(28px,3vw,40px);--card-pad-lg:clamp(24px,4vw,56px);
  --r-card:20px;--r-inner:12px;--r-pill:999px;--bd-dk:1px solid rgba(255,255,255,.2);--sh-card-dk:0 28px 56px -28px rgba(4,10,30,.6);
  --fs-h2:clamp(30px,3.3vw,46px);--lh-h2:1.08;--ls-h2:-.03em;--fs-lede:clamp(17px,1.5vw,19px);--lh-lede:1.5;--fs-body:16px;--fs-small:14px;--fs-micro:12.5px;
  /* section-local steps for the window internals (not in the shared set) */
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;
  --r-1:6px;--r-2:10px;
  --t-xs:11.5px;--t-sm:var(--fs-micro);--t-md:var(--fs-small);--t-base:15.5px;
  box-sizing:border-box;color:var(--ink);font-family:var(--f-body);font-size:var(--fs-body);line-height:1.5;text-align:left;-webkit-font-smoothing:antialiased}
.cg-cov *{box-sizing:border-box}
.cg-cov [hidden]{display:none!important}
.cg-cov h2{font-family:var(--f-head);letter-spacing:var(--ls-h2);line-height:var(--lh-h2);text-wrap:balance;margin:0;font-size:var(--fs-h2);max-width:22ch}
.cg-cov p{margin:0}
.cg-cov a{color:var(--link)}
.cg-cov button{font:inherit}
.cg-cov li{margin:0;padding-left:0} /* host reset: the live site gives every li a 4px margin and 8px indent */
.cg-cov :focus-visible{outline:2px solid var(--sky-400);outline-offset:2px;border-radius:var(--r-1)}
.cg-cov .wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--gut)}
.cg-cov .cov-sec{background:var(--alt);padding-block:var(--sec-pad) var(--sec-pad-band)}

/* the card: a full-width heading row, then steps on the left and the app frame on the right */
.cg-cov .cov{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--row-body) clamp(24px,3.6vw,48px);align-items:stretch;padding:var(--card-pad-lg);border-radius:var(--r-card);color:#fff;background:radial-gradient(120% 90% at 100% 0%,#2648A6 0%,rgba(38,72,166,0) 60%),linear-gradient(160deg,#1E3A85 0%,#0F204B 70%);border:var(--bd-dk);box-shadow:var(--sh-card-dk)}
.cg-cov .cov-head{grid-column:1/-1;display:grid;gap:var(--head-lede)}
.cg-cov .cov h2{color:#fff}
.cg-cov .cov .lede{font-size:var(--fs-lede);line-height:var(--lh-lede);color:var(--on-b1);max-width:var(--measure)}
.cg-cov .cov-copy{min-width:0}
.cg-cov .cov-steps{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.cg-cov .cov-steps button{width:100%;min-height:44px;display:grid;grid-template-columns:28px 1fr auto;gap:var(--sp-3);align-items:start;padding:9px var(--sp-3);border:0;border-radius:var(--r-2);background:transparent;color:#fff;text-align:left;cursor:pointer;transition:background .2s ease}
.cg-cov .cov-steps button:hover{background:rgba(255,255,255,.06)}
.cg-cov .cov-steps button.on{background:rgba(255,255,255,.1)}
.cg-cov .cs-n{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:600;border:1px solid var(--line-dk);color:var(--on-b2)}
.cg-cov .cov-steps .on .cs-n,.cg-cov .cov-steps .done .cs-n{background:var(--sky-400);border-color:var(--sky-400);color:var(--azul-950)}
.cg-cov .cs-t{display:grid;gap:0;padding-top:2px}
.cg-cov .cs-t b{font-weight:600;font-size:var(--t-base)}
.cg-cov .cs-d{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--ease-out)}
.cg-cov .cs-d > span{overflow:hidden;font-size:14.5px;line-height:1.45;color:var(--on-b2)}
.cg-cov .on .cs-d{grid-template-rows:1fr}
.cg-cov .on .cs-d > span{padding-top:var(--sp-1)}
.cg-cov .cov-steps em{font-style:normal;font-size:var(--t-xs);font-weight:600;padding:3px var(--sp-2);border-radius:var(--r-pill);background:rgba(56,189,248,.16);color:var(--sky-300);margin-top:3px;white-space:nowrap}
.cg-cov .cov-more{margin-top:var(--sp-4);padding-left:var(--sp-3);font-size:14.5px;color:var(--on-b2)}
.cg-cov .cov-more a{color:#fff;font-weight:600;text-decoration:none}
.cg-cov .cov-more a:hover{text-decoration:underline}

/* wide screens: the step column stretches to the frame height so neither column leaves a gap */
@media (min-width:961px){
  .cg-cov .cov-copy{align-self:stretch;display:flex;flex-direction:column}
  .cg-cov .cov-steps{flex:1;align-content:space-between}
  .cg-cov .cov-more{margin-top:var(--sp-3)}
}
/* the app frame: title bar, tabs, pipeline nodes, content, footer with the step progress */
.cg-cov .cov-stage{display:flex;flex-direction:column;gap:var(--sp-2);min-width:0}
.cg-cov .cov-frame{flex:1;display:flex;flex-direction:column;border-radius:var(--r-inner);background:rgba(255,255,255,.05);border:var(--bd-dk);overflow:hidden}
.cg-cov .cov-win{display:flex;flex-direction:column;flex:1;min-height:0}
.cg-cov .cov-bar{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--line-dk-2);background:rgba(15,32,75,.35);font-size:var(--t-sm);color:var(--on-b2);min-width:0}
.cg-cov .cov-dots{display:flex;gap:5px;flex:none}
.cg-cov .cov-dots i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.28)}
.cg-cov .cov-ttl{flex:1;min-width:0;margin-left:var(--sp-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cg-cov .cov-ex{flex:none;font-size:var(--t-xs);font-weight:600;padding:2px var(--sp-2);border-radius:var(--r-pill);border:1px solid var(--line-dk);color:#fff}
.cg-cov .cov-tabs{display:flex;gap:2px;padding:0 var(--sp-3);border-bottom:1px solid var(--line-dk-2);font-size:var(--t-sm);font-weight:600;color:var(--on-b2)}
.cg-cov .cov-tabs button{min-height:44px;padding:var(--sp-2) var(--sp-3);border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;color:inherit;font-weight:600;white-space:nowrap;cursor:pointer;transition:color .2s ease,border-color .2s ease}
.cg-cov .cov-tabs button:hover{color:#fff}
.cg-cov .cov-tabs button.on{color:#fff;border-color:var(--sky-400)}
.cg-cov .cov-nodes{list-style:none;margin:0;padding:var(--sp-4) var(--sp-3) var(--sp-3);display:grid;grid-template-columns:repeat(5,1fr);position:relative;--np:0%}
.cg-cov .cov-nodes::before,.cg-cov .cov-nodes::after{content:"";position:absolute;top:calc(var(--sp-4) + 20px);z-index:0;height:2px;left:10%;right:10%;border-radius:2px;background:var(--line-dk)}
.cg-cov .cov-nodes::after{right:auto;width:calc(80% * var(--np) / 100%);background:var(--sky-400);transition:width 1.1s cubic-bezier(.45,0,.25,1),background .3s ease}
.cg-cov .cov.ret .cov-nodes::after{background:#34D399}
.cg-cov .cov-nodes li{position:relative;z-index:1}
.cg-cov .cov-nodes button{width:100%;min-height:44px;display:grid;justify-items:center;gap:6px;padding:0;border:0;background:none;font-size:12px;font-weight:600;color:var(--on-b2);cursor:pointer;transition:color .3s ease}
.cg-cov .cov-nodes button:hover{color:#fff}
.cg-cov .cov-nodes .ic{width:40px;height:40px;border-radius:var(--r-2);display:grid;place-items:center;background:#1E3A85;border:1px solid var(--line-dk);transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}
.cg-cov .cov-nodes svg{width:20px;height:20px}
.cg-cov .cov-nodes li.done{color:#fff}
.cg-cov .cov-nodes li.done .ic{border-color:var(--sky-400)}
.cg-cov .cov.ret .cov-nodes li.done .ic{border-color:#34D399}
.cg-cov .cov-nodes li.on{color:#fff}
.cg-cov .cov-nodes li.on .ic{background:var(--azul);border-color:var(--sky-400);box-shadow:0 0 0 4px rgba(56,189,248,.2)}
.cg-cov .cov-view{--card:#fff;color-scheme:light;flex:1;margin:0 var(--sp-3) var(--sp-3);padding:var(--sp-4);border-radius:var(--r-2);background:var(--card);color:var(--ink);min-height:var(--view-min,250px);display:grid;align-content:start}
.cg-cov .cv{display:grid;gap:var(--sp-3)}
.cg-cov .cv:not([hidden]){animation:cgCovIn .4s var(--ease-out) 1}
@keyframes cgCovIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* clickable parts of the window (class xp): native buttons that look like the UI they explain; 44px or taller */
.cg-cov .xp{font:inherit;color:inherit;text-align:left;cursor:pointer;background:none;border:0;width:100%}
.cg-cov .xp[aria-expanded="true"]{box-shadow:0 0 0 2px var(--azul)}
.cg-cov .cov-tip{display:flex;gap:var(--sp-2);align-items:flex-start;margin-top:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-2);background:var(--azul-100);color:var(--azul-950);font-size:13.5px;line-height:1.45}
.cg-cov .cov-tip p{flex:1}
.cg-cov .tip-x{flex:none;width:44px;height:44px;margin:-10px -14px -10px 0;border:0;border-radius:50%;background:none;color:var(--azul-800);display:grid;place-items:center;cursor:pointer}
.cg-cov .tip-x:hover{background:rgba(52,94,209,.15)}
.cg-cov .tip-x svg{width:14px;height:14px}
/* the load card */
.cg-cov .lr{display:grid;gap:var(--sp-1);padding:var(--sp-3) var(--sp-4);border:1px solid var(--line)!important;border-radius:var(--r-2);font-size:var(--t-sm);line-height:1.35;min-width:0;transition:border-color .2s ease}
.cg-cov .lr:hover{border-color:var(--azul-200)!important}
.cg-cov .lr-top{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-3);min-width:0}
.cg-cov .lr-id{display:flex;gap:var(--sp-2);align-items:baseline;color:var(--cap);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cg-cov .lr-id b{font-weight:600;color:var(--ink)}
.cg-cov .lr-bids{display:flex;gap:6px;align-items:baseline;font-weight:600;color:var(--ink);white-space:nowrap;flex:none}
.cg-cov .lr-bids b{font-size:var(--t-xs);font-weight:600;padding:1px 7px;border-radius:var(--r-pill);background:var(--slate-100);color:var(--slate-700)}
.cg-cov .lr-bids b.r{background:var(--red-50);color:var(--red-700)}
.cg-cov .lr-bids b.amt{background:none;padding:0;font-size:var(--t-md);color:var(--ink);font-variant-numeric:tabular-nums}
.cg-cov .lr-lane{display:block;font-weight:600;font-size:var(--t-base);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.cg-cov .lr-meta{display:block;color:var(--body);font-size:var(--t-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cg-cov .lr-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--sp-1)}
.cg-cov .ch{display:inline-flex;align-items:center;gap:6px;font-size:var(--t-xs);font-weight:600;line-height:1;padding:5px var(--sp-2);border-radius:var(--r-pill);background:var(--slate-100);color:var(--slate-700);white-space:nowrap}
.cg-cov .ch.ok::before,.cg-cov .ch.no::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green-700)}
.cg-cov .ch.ok{background:var(--green-50);color:var(--green-700)}
.cg-cov .ch.no::before{background:none;border:1.5px solid var(--slate-400)}
.cg-cov .ch.r{background:var(--red-50);color:var(--red-700)}
.cg-cov .ch.m{background:#DCFCE7;color:#166534}
.cg-cov .ch.tms{background:var(--azul-100);color:var(--azul-800)}

/* step details inside the content area */
.cg-cov .cv-h{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-2);flex-wrap:wrap}
.cg-cov .cv-k{font-size:var(--t-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--cap)}
.cg-cov .cv-mut{font-size:12px;color:var(--link);font-weight:600}
.cg-cov .cv-ok{font-size:12px;font-weight:600;color:var(--green-700);background:var(--green-50);border-radius:var(--r-pill);padding:3px 9px}
.cg-cov .cv-ro{font-size:12px;font-weight:600;color:var(--azul-800);background:var(--azul-100);border-radius:var(--r-pill);padding:3px 9px}
.cg-cov .cv-kv{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);min-height:44px;font-size:var(--t-md);color:var(--body);padding:var(--sp-1) 0;border-bottom:1px solid var(--line)!important;border-radius:0}
.cg-cov .cv-kv:hover{background:var(--alt)}
.cg-cov .cv-kv:last-of-type{border-bottom:0!important}
.cg-cov .cv-kv b{color:var(--ink);text-align:right}
.cg-cov .cv-pill{background:var(--azul-100);color:var(--azul-800)!important;border-radius:var(--r-pill);padding:1px 9px;font-size:13px}
.cg-cov .cv-amt{font-size:20px;font-variant-numeric:tabular-nums}
/* legend: dot, label, status chip. Dots carry a darker ring so the shape clears 3:1 on white; chip text clears 4.5:1 on its tint. */
.cg-cov .cv-car{display:grid;grid-template-columns:18px 1fr auto;gap:var(--sp-3);align-items:center;min-height:44px;padding:var(--sp-1) var(--sp-2);border-radius:var(--r-2);font-size:var(--t-md);color:var(--ink)}
.cg-cov .cv-car:hover{background:var(--alt)}
.cg-cov .cv-car i{width:16px;height:16px;border-radius:50%;background:var(--green);box-shadow:inset 0 0 0 2px var(--green-700)}
.cg-cov .cv-car i.b{background:var(--slate-400);box-shadow:inset 0 0 0 2px var(--slate-700)}
.cg-cov .cv-car i.c{background:var(--red);box-shadow:inset 0 0 0 2px var(--red-700)}
.cg-cov .cv-car em{font-style:normal;font-size:var(--t-xs);font-weight:600;line-height:1;padding:5px 9px;border-radius:var(--r-pill);white-space:nowrap}
.cg-cov .cv-car em.g{color:var(--green-700);background:var(--green-50);box-shadow:inset 0 0 0 1px var(--green)}
.cg-cov .cv-car em.s{color:var(--slate-700);background:var(--slate-100);box-shadow:inset 0 0 0 1px var(--slate-400)}
.cg-cov .cv-car em.r{color:var(--red-700);background:var(--red-50);box-shadow:inset 0 0 0 1px var(--red)}
.cg-cov .cv-note{display:grid;gap:2px;min-height:44px;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-2);border:1px solid var(--line)!important;border-left:3px solid var(--green)!important}
.cg-cov .cv-note:hover{background:var(--alt)}
.cg-cov .cv-note b{font-size:14.5px}
.cg-cov .cv-note span{font-size:13px;color:var(--body)}
.cg-cov .cv-chips{display:flex;gap:6px;flex-wrap:wrap}
.cg-cov .cv-chips button{width:auto;min-height:44px;font-size:var(--t-sm);font-weight:600;padding:0 var(--sp-3);border-radius:var(--r-pill);background:var(--alt-2);color:var(--ink);border:1px solid var(--line)!important}
.cg-cov .cv-chips button:hover{background:var(--azul-100)}
.cg-cov .cv-msg{width:auto;max-width:88%;min-height:44px;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-2);font-size:13.5px;line-height:1.4}
.cg-cov .cv-msg.in{background:var(--alt-2);border-bottom-left-radius:4px}
.cg-cov .cv-msg.in span{display:block}
.cg-cov .cv-msg.in small{display:block;margin-top:5px;font-size:var(--t-xs);color:var(--body)}
.cg-cov .cv-msg.out{justify-self:end;background:var(--azul);color:#fff;border-bottom-right-radius:4px}
.cg-cov .cv-lock{font-size:12px;color:var(--body);display:flex;gap:6px;align-items:center;min-height:44px;padding:0 var(--sp-2);border-radius:var(--r-2)}
.cg-cov .cv-lock:hover{background:var(--alt)}
.cg-cov .cv-lock .lk{width:13px;height:13px;flex:none}

/* frame footer: 7-segment progress tied to the step, the step count, and Play again */
.cg-cov .cov-ft{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-top:1px solid var(--line-dk-2);background:rgba(15,32,75,.35);min-height:44px;font-size:var(--t-sm);color:var(--on-b2)}
.cg-cov .cov-prg{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;flex:1;max-width:220px}
.cg-cov .cov-prg i{height:4px;border-radius:2px;background:var(--line-dk);transition:background .3s ease}
.cg-cov .cov-prg i.on{background:var(--sky-400)}
.cg-cov .cov.ret .cov-prg i.on{background:#34D399}
.cg-cov .cov-pos{white-space:nowrap;font-weight:600;color:#fff;font-variant-numeric:tabular-nums}
.cg-cov .cov-replay{margin-left:auto;height:44px;margin-block:-6px;padding:0 var(--sp-3);border-radius:var(--r-pill);border:1px solid var(--line-dk);background:rgba(255,255,255,.1);color:#fff;font-weight:600;font-size:var(--t-sm);cursor:pointer}
.cg-cov .cov-replay:hover{background:rgba(255,255,255,.18)}
.cg-cov .cov-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.cg-cov .cov-exn{font-size:var(--t-sm);color:var(--on-b2);text-align:center}

/* phone stepper: hidden on wide screens, replaces the step list at 767px and below */
.cg-cov .cov-stp{display:none}

@media (max-width:960px){
  .cg-cov .cov{grid-template-columns:1fr;row-gap:var(--sp-5)}
  .cg-cov .cov-head{gap:var(--sp-4)}
  .cg-cov .cov-stage{order:1}
  .cg-cov .cov-copy{order:2}
}
@media (max-width:767px){
  .cg-cov .cov-steps{display:none}
  .cg-cov .cov-more{margin-top:0;padding-left:0;text-align:center}
  .cg-cov .cov{row-gap:var(--sp-4)}
  .cg-cov .cov-stp{display:grid;grid-template-columns:44px 1fr 44px;gap:var(--sp-2);align-items:center;margin-top:var(--sp-1);touch-action:pan-y}
  .cg-cov .cov-stp button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line-dk);background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}
  .cg-cov .cov-stp button svg{width:20px;height:20px}
  .cg-cov .cov-stp button:disabled{opacity:.35;cursor:default}
  .cg-cov .stp-body{display:grid;gap:2px;min-width:0;text-align:center}
  .cg-cov .stp-n{font-size:var(--t-xs);font-weight:600;letter-spacing:.04em;color:var(--on-b2)}
  .cg-cov .stp-t{font-size:var(--t-base);font-weight:600;color:#fff}
  .cg-cov .stp-d{font-size:13.5px;line-height:1.4;color:var(--on-b2)}
}
@media (max-width:600px){
  .cg-cov .cov{padding:22px 16px;margin-inline:calc(var(--gut) * -1 + 8px)}
  .cg-cov .cov-view{margin:0 var(--sp-2) var(--sp-2);padding:var(--sp-3);min-height:var(--view-min-sm,220px)}
  .cg-cov .cov-nodes{padding:var(--sp-3) var(--sp-1) var(--sp-2)}
  .cg-cov .cov-nodes::before,.cg-cov .cov-nodes::after{top:calc(var(--sp-3) + 17px)}
  .cg-cov .cov-nodes .ic{width:34px;height:34px;border-radius:var(--r-1)}
  .cg-cov .cov-nodes li{font-size:11px}
  .cg-cov .cov-tabs{padding-inline:var(--sp-2)}
  .cg-cov .cov-tabs span{padding-inline:var(--sp-2)}
  .cg-cov .cov-ex{display:none}
  .cg-cov .lr{padding:var(--sp-2) var(--sp-3)}
  .cg-cov .lr-meta{display:block;white-space:normal}
  .cg-cov .cov-prg{max-width:120px}
}
@media (prefers-reduced-motion:reduce){
  .cg-cov *,.cg-cov *::before,.cg-cov *::after{animation:none!important;transition:none!important}
}

/* ---- v6, 10/8/2026 (Website QB rulings; review-2026-10-07/home.md). Everything below overrides v5; delete this block to get v5 back. ---- */
/* shared content edge: the site's 1280 container, so the card's left edge is x=80 at 1440, matching the nav and the live rows */
.cg-cov{--max:calc(1280px + 10vw);--gut:max(16px,5vw)}
/* shared H2 token (already v5's --fs-h2; restated so the ruling is visible here) */
.cg-cov h2{font-size:clamp(30px,3.3vw,46px);line-height:1.08;letter-spacing:-.03em}
/* the 7-segment progress bar is gone from the markup (Matt: "meaningless slider"); the footer keeps "Step N of 7" and Play again */
.cg-cov .cov-prg{display:none}
/* the integrations link: 44px tall hit area, hover changes color only */
.cg-cov .cov-more a{display:inline-flex;align-items:center;min-height:44px;transition:color .2s ease}
.cg-cov .cov-more a:hover{text-decoration:none;color:var(--sky-300)}
.cg-cov .cov-more{margin-top:var(--sp-2)}
@media (min-width:961px){.cg-cov .cov-more{margin-top:var(--sp-1)}}
/* no one-word last lines */
.cg-cov :is(p,li){text-wrap:pretty}
/* phone: card on the content edge (P2-11), less padding; the stepper's "N of 7" repeats the footer's "Step N of 7" right above it */
@media (max-width:767px){
  .cg-cov .stp-n{display:none}
  .cg-cov .cov-sec{padding-block:clamp(48px,12vw,64px) var(--sec-pad-band)}
}
@media (max-width:600px){
  .cg-cov .cov{margin-inline:0;padding:20px 16px}
  .cg-cov .cov-head{gap:var(--sp-3)}
}
/* Play again sits inside the footer bar instead of overhanging it */
.cg-cov .cov-ft{min-height:52px;padding-block:4px}
.cg-cov .cov-replay{margin-block:0}
/* stacked layout (960px and below) always uses the compact stepper, so tablet no longer repeats the 7-step list under the window */
@media (max-width:960px){
  .cg-cov .cov-steps{display:none}
  .cg-cov .cov-more{margin-top:0;padding-left:0;text-align:center}
  .cg-cov .cov{row-gap:var(--sp-4)}
  .cg-cov .cov-stp{display:grid;grid-template-columns:44px 1fr 44px;gap:var(--sp-2);align-items:center;margin-top:var(--sp-1);touch-action:pan-y}
  .cg-cov .cov-stp button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line-dk);background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}
  .cg-cov .cov-stp button svg{width:20px;height:20px}
  .cg-cov .cov-stp button:disabled{opacity:.35;cursor:default}
  .cg-cov .stp-body{display:grid;gap:2px;min-width:0;text-align:center;min-height:calc(1.4em * 3 + 24px)}
  .cg-cov .stp-n{display:none}
  .cg-cov .stp-t{font-size:var(--t-base);font-weight:600;color:#fff}
  .cg-cov .stp-d{font-size:13.5px;line-height:1.4;color:var(--on-b2)}
  .cg-cov .cov-stp{max-width:560px;margin-inline:auto;width:100%}
}
/* ---- v7, 10/8/2026 (review-2026-10-08/staged-0120.md P2-7). The card no longer changes height between steps, during autoplay or on
   click. Every app view sits in the same grid cell and the hidden ones keep their box (visibility:hidden, so they can't be focused, clicked
   or read), so the view area is always as tall as the tallest view at every width; no measured px values to go stale.
   The callout tip gets its own row below. On the stepper (960px and below) the step text reserves 4 lines. Delete this block to get v6. ---- */
.cg-cov .cov-view{grid-template-areas:"v" "t";grid-template-rows:auto auto}
.cg-cov .cov-view > .cv{grid-area:v}
.cg-cov .cov-view > .cv[hidden]{display:grid!important;visibility:hidden;pointer-events:none}
.cg-cov .cov-view > .cov-tip{grid-area:t}
@media (max-width:960px){.cg-cov .stp-d{min-height:calc(4 * 1.4em)}}
@media (max-width:374px){.cg-cov .stp-d{min-height:calc(5 * 1.4em)}.cg-cov .stp-t{display:block;min-height:calc(2 * 1.25em);min-height:2lh}}