/* Navigator Scorecard. Built on styles.css tokens only, so both themes come free.
   Layout concept: one narrow reading column, the questions set like a printed
   assessment form, the results as a stack of 1 to 5 gauges. */
.sc-hero{padding:64px 0 52px}
.sc-body{padding:44px 0 80px;background:var(--ground);scroll-margin-top:12px}
.sc-body .narrow{display:flex;flex-direction:column;gap:28px}

.sc-progress{display:flex;flex-direction:column;gap:10px}
.sc-progress[hidden],.sc-warn[hidden]{display:none}
.sc-steps{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.sc-steps .on{color:var(--ink-strong);font-weight:600}
.sc-steps .done{color:var(--ink-2)}
.sc-bar{height:4px;background:var(--rule);border-radius:2px;overflow:hidden}
.sc-bar span{display:block;height:100%;background:var(--ink-strong);transition:width .3s ease}

.sc-points{list-style:none;display:flex;flex-direction:column;gap:10px;padding:0;margin:0}
.sc-points li{padding-left:22px;position:relative;color:var(--ink);line-height:1.6}
.sc-points li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:2px;background:var(--gold)}
.sc-scale{border:1px solid var(--rule);border-radius:10px;padding:20px 22px;margin-top:22px;background:var(--ground-alt)}
/* Gold is a fill, never text on a light ground. The old dark gold text read as mud (Trevor, 2026-09-30). */
.sc-scale-head,.sc-kicker{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-strong);font-weight:600;margin-bottom:10px}
.sc-scale-head::before,.sc-kicker::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--gold);flex:0 0 auto}
.sc-scale dl{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;margin:0}
.sc-scale dt{font-weight:600;color:var(--ink-strong)}
.sc-scale dd{margin:2px 0 0;font-size:14px;color:var(--ink-2);line-height:1.5}
@media (max-width:620px){.sc-scale dl{grid-template-columns:1fr}}

.sc-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:6px}
.sc-actions .btn{font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.sc-actions .btn:disabled{opacity:.5;cursor:progress}
.sc-link{background:none;border:0;padding:6px 2px;font:inherit;font-size:15px;color:var(--ink-2);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.sc-link:hover{color:var(--ink-strong)}
.sc-link:focus-visible,.btn:focus-visible{outline:2px solid var(--ink-strong);outline-offset:3px}

.sc-pillar-head h2{font-size:clamp(26px,4vw,34px);color:var(--ink-strong);margin:0 0 8px;text-wrap:balance}
.sc-pillar-head p{color:var(--ink-2);margin:0;max-width:62ch;line-height:1.6}

.sc-qs{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;border-top:1px solid var(--rule)}
.sc-q{border-bottom:1px solid var(--rule);padding:20px 0}
.sc-q fieldset{border:0;padding:0;margin:0;min-width:0}
.sc-q legend{display:flex;gap:14px;font-size:17px;line-height:1.5;color:var(--ink-strong);margin-bottom:14px;padding:0}
.sc-qn{flex:0 0 auto;font-variant-numeric:tabular-nums;font-size:13px;color:var(--ink-3);padding-top:3px;min-width:14px}
.sc-seg{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding-left:28px}
@media (max-width:520px){.sc-seg{grid-template-columns:repeat(2,1fr);padding-left:0}}
.sc-opt{position:relative;display:block;cursor:pointer}
.sc-opt input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.sc-opt span{display:block;text-align:center;padding:11px 8px;border-radius:8px;font-size:15px;color:var(--ink-strong);background:var(--ground-alt);box-shadow:inset 0 0 0 1px var(--rule);transition:background-color 120ms ease,color 120ms ease,box-shadow 120ms ease}
@media (hover:hover) and (pointer:fine){.sc-opt:hover span{box-shadow:inset 0 0 0 1px var(--rule-strong)}}
.sc-opt input:checked + span{background:var(--ink-strong);box-shadow:none;color:var(--ground);font-weight:600}
.sc-opt-unsure span{background:transparent;color:var(--ink-2)}
.sc-opt-unsure input:checked + span{background:var(--rule);color:var(--ink-strong)}
.sc-opt input:focus-visible + span{outline:2px solid var(--ink-strong);outline-offset:2px}

.sc-block{border:0;padding:0;margin:0;min-width:0;display:flex;flex-direction:column;gap:8px}
.sc-label{font-weight:600;color:var(--ink-strong);font-size:16px;padding:0}
.sc-hint{font-size:14px;color:var(--ink-3)}
.sc-opt-tag{font-weight:400;color:var(--ink-3);font-size:13px}
.sc-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media (max-width:520px){.sc-choices{grid-template-columns:1fr}}
.sc-choice{display:flex;gap:10px;align-items:center;padding:12px 14px;border:1px solid var(--rule);border-radius:8px;cursor:pointer;background:var(--card)}
.sc-choice:has(input:checked){border-color:var(--ink-strong);background:var(--callout)}
.sc-choice input{accent-color:var(--ink-strong)}
.sc-body textarea,.sc-body input[type=text],.sc-body input[type=email],.sc-body select{width:100%;font:inherit;font-size:16px;color:var(--ink);padding:12px 14px;border:1px solid var(--rule-strong);border-radius:8px;background:var(--card)}
.sc-body textarea{resize:vertical;line-height:1.6;min-height:92px}
.sc-body textarea:focus,.sc-body input:focus,.sc-body select:focus{outline:none;border-color:var(--ink-strong);box-shadow:0 0 0 3px var(--rule)}

.sc-teaser{display:flex;gap:20px;align-items:center;padding:22px 24px;background:var(--navy);color:#fff;border-radius:12px}
.sc-teaser-num{font-family:'Source Serif 4',Georgia,serif;font-size:56px;line-height:1;color:var(--gold);font-variant-numeric:tabular-nums;flex:0 0 auto}
.sc-teaser p{margin:0;color:var(--grey);line-height:1.55}
.sc-teaser b{color:#fff}
.sc-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:6px}
.sc-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.sc-wide{grid-column:1 / -1}
@media (max-width:620px){.sc-grid{grid-template-columns:1fr}}
.sc-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.sc-err{color:var(--danger);font-size:14px;margin:0}
.sc-fine{font-size:13px;color:var(--ink-3);line-height:1.6;margin:14px 0 0;max-width:68ch}
.sc-fine a{color:var(--ink-2)}
.sc-note{color:var(--ink-2)}

.sc-warn{padding:14px 18px;border:1px solid var(--callout-rule);background:var(--callout);border-radius:8px;color:var(--ink);font-size:15px;line-height:1.55}
.sc-overall{padding-bottom:8px;border-bottom:1px solid var(--rule)}
.sc-overall-row{display:flex;gap:26px;align-items:center}
.sc-big{font-family:'Source Serif 4',Georgia,serif;font-size:clamp(52px,9vw,76px);line-height:1;color:var(--ink-strong);font-variant-numeric:tabular-nums;flex:0 0 auto}
.sc-big small{font-size:.36em;color:var(--ink-3)}
.sc-overall-row p{margin:0;color:var(--ink);line-height:1.6;font-size:17px}
@media (max-width:520px){.sc-overall-row{flex-direction:column;align-items:flex-start;gap:12px}}

.sc-first{padding:20px 22px;border-left:3px solid var(--gold);background:var(--goldtint);border-radius:0 10px 10px 0}
.sc-first h3{margin:0 0 6px;color:var(--ink-strong);font-size:22px}
.sc-first p{margin:0;color:var(--ink);line-height:1.6}

.sc-results{display:flex;flex-direction:column;gap:26px}
.sc-result header{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.sc-result h3{margin:0;font-size:21px;color:var(--ink-strong)}
.sc-lvl{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink-strong)}
.sc-tag{font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:999px;border:1px solid var(--rule-strong);color:var(--ink-2)}
.sc-tag{border:0;background:var(--ground-alt);color:var(--ink-2)}
.sc-tag-strong{background:var(--ink-strong);color:var(--ground)}
.sc-track{position:relative;height:10px;background:var(--rule);border-radius:5px}
.sc-fill{position:absolute;left:0;top:0;bottom:0;background:var(--ink-strong);border-radius:5px}
.sc-track i{position:absolute;top:-3px;width:1px;height:16px;background:var(--rule-strong)}
.sc-ticks{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-3);margin-top:6px;font-variant-numeric:tabular-nums}
.sc-tier{font-weight:600;color:var(--ink-strong);margin-top:12px}
.sc-result p{margin:6px 0 0;color:var(--ink-2);line-height:1.6}

.sc-cta{background:var(--navy);color:#fff;border-radius:12px;padding:28px 26px}
.sc-cta h3{margin:0 0 8px;font-size:24px;color:#fff;text-wrap:balance}
.sc-cta p{margin:0;color:var(--grey);line-height:1.6;max-width:60ch}
.sc-cta .btn-row{margin-top:20px}
@media (prefers-reduced-motion:reduce){.sc-bar span,.sc-opt span{transition:none}}

/* ---- Card layout: one statement at a time ----
   The card is the only object on the page with elevation, so the eye has nowhere
   else to go. No outline in light (the shadow does the work); in dark a shadow
   is invisible, so a hairline edge takes over. Answers are filled surfaces, not
   outlined boxes. "Not sure" is a different kind of answer, so it sits apart as a
   quiet text button instead of a fourth equal choice.

   Motion (Emil Kowalski's rules, emil-design-eng): seen 20 times in a row, so it is
   short and small. Only the card's CONTENT moves, 8px and 180ms on a strong ease-out;
   the card itself stays put, so it reads as one object whose statement changes.
   Answering by keyboard skips the motion entirely. Press feedback is scale(.97). */
.sc-cardwrap{display:flex;flex-direction:column;gap:14px;--ease-out:cubic-bezier(.23,1,.32,1)}
.sc-card{background:var(--card);border-radius:18px;padding:clamp(22px,4vw,40px);
  box-shadow:0 0 0 1px rgba(12,27,53,.04),0 2px 4px rgba(12,27,53,.04),0 16px 40px -16px rgba(12,27,53,.22);
  min-height:330px;display:flex;flex-direction:column}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .sc-card{box-shadow:inset 0 0 0 1px var(--rule)}}
:root[data-theme="dark"] .sc-card{box-shadow:inset 0 0 0 1px var(--rule)}
.sc-card-body{display:flex;flex-direction:column;flex:1 0 auto}
.sc-card.in-next .sc-card-body{animation:sc-in-next 180ms var(--ease-out)}
.sc-card.in-prev .sc-card-body{animation:sc-in-prev 180ms var(--ease-out)}
@keyframes sc-in-next{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}
@keyframes sc-in-prev{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
.sc-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.sc-card-area{display:flex;align-items:center;gap:8px;color:var(--ink-strong);font-weight:600}
.sc-card-area::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--gold)}
.sc-card-count{color:var(--ink-3);font-variant-numeric:tabular-nums;letter-spacing:.06em}
.sc-card-intro{margin:14px 0 0;font-size:14px;color:var(--ink-2);line-height:1.55}
.sc-card-q{font-family:'Source Serif 4',Georgia,serif;font-weight:600;font-size:clamp(22px,3.4vw,30px);line-height:1.3;color:var(--ink-strong);
  margin:20px 0 28px;text-wrap:balance;flex:1 0 auto}
.sc-card-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media (max-width:620px){.sc-card-opts{grid-template-columns:1fr}}
.sc-card-opt{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:12px 14px;
  font:inherit;font-size:16px;font-weight:500;color:var(--ink-strong);background:var(--ground-alt);border:0;border-radius:12px;
  box-shadow:inset 0 0 0 1px var(--rule);cursor:pointer;
  transition:background-color 120ms ease,color 120ms ease,box-shadow 120ms ease,transform 160ms var(--ease-out)}
@media (hover:hover) and (pointer:fine){.sc-card-opt:hover{box-shadow:inset 0 0 0 1px var(--rule-strong)}}
.sc-card-opt:active{transform:scale(.97)}
.sc-card-opt:focus-visible{outline:2px solid var(--ink-strong);outline-offset:3px}
.sc-card-opt.on{background:var(--ink-strong);color:var(--ground);box-shadow:none;font-weight:600}
/* "Not sure" keeps a box so it reads as tappable (without one it looked like a label,
   Trevor 2026-09-30), but a lighter one: outline only, muted text, on its own row. */
.sc-card-unsure{grid-column:1 / -1;min-height:48px;background:transparent;box-shadow:inset 0 0 0 1px var(--rule-strong);color:var(--ink-2);font-size:15px}
@media (hover:hover) and (pointer:fine){.sc-card-unsure:hover{background:var(--ground-alt);box-shadow:inset 0 0 0 1px var(--ink-3)}}
.sc-card-unsure.on{background:var(--ground-alt);color:var(--ink-strong);box-shadow:inset 0 0 0 1.5px var(--ink-strong);font-weight:600}
.sc-card-opt kbd{font:500 12px/1 Inter,system-ui,sans-serif;color:var(--ink-3);font-variant-numeric:tabular-nums}
.sc-card-opt.on kbd{color:inherit;opacity:.6}
@media (hover:none),(pointer:coarse){.sc-card-opt kbd{display:none}}
.sc-card-nav{display:flex;justify-content:space-between;gap:12px}
.sc-card-hint{margin:0;font-size:13px;color:var(--ink-3)}
@media (prefers-reduced-motion:reduce){
  @keyframes sc-fade{from{opacity:0}to{opacity:1}}
  .sc-card.in-next .sc-card-body,.sc-card.in-prev .sc-card-body{animation:sc-fade 120ms ease}
  .sc-card-opt:active{transform:none}}
@media (max-width:620px){.sc-layout-cards .sc-steps{display:none}}

/* ---- Diagnostic (2026-09-30b): ScoreApp's mechanics in our clothes ----
   Sentence answers as full-width rows with a radio dot, a pick then Next, Back at the
   top left. Rows are filled surfaces like the old answer tiles; the chosen one goes navy. */
.sc-back{background:none;border:0;padding:4px 0;font:inherit;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);cursor:pointer;display:inline-flex;gap:6px;align-items:center}
.sc-back:hover{color:var(--ink-strong)}
.sc-back:focus-visible{outline:2px solid var(--ink-strong);outline-offset:3px;border-radius:4px}
.sc-card > .sc-card-body > .sc-card-area{margin-top:18px}
.sc-card-q{flex:0 0 auto;margin:12px 0 22px}
.sc-list{display:flex;flex-direction:column;gap:8px}
.sc-row{display:flex;align-items:flex-start;gap:14px;width:100%;text-align:left;padding:14px 16px;min-height:52px;
  font:inherit;font-size:16px;line-height:1.45;color:var(--ink-strong);background:var(--ground-alt);border:0;border-radius:12px;
  box-shadow:inset 0 0 0 1px var(--rule);cursor:pointer;
  transition:background-color 120ms ease,color 120ms ease,box-shadow 120ms ease,transform 160ms cubic-bezier(.23,1,.32,1)}
@media (hover:hover) and (pointer:fine){.sc-row:hover{box-shadow:inset 0 0 0 1px var(--rule-strong)}}
.sc-row:active{transform:scale(.985)}
.sc-row:focus-visible{outline:2px solid var(--ink-strong);outline-offset:3px}
.sc-dot{flex:0 0 auto;width:18px;height:18px;margin-top:2px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--rule-strong);background:var(--card);transition:box-shadow 120ms ease}
.sc-row.on{background:var(--ink-strong);color:var(--ground);box-shadow:none}
.sc-row.on .sc-dot{background:var(--ground);box-shadow:inset 0 0 0 5px var(--gold)}
.sc-row-unsure{background:transparent;box-shadow:inset 0 0 0 1px var(--rule-strong);color:var(--ink-2)}
.sc-row-unsure.on{background:var(--ground-alt);color:var(--ink-strong);box-shadow:inset 0 0 0 1.5px var(--ink-strong)}
.sc-row-unsure.on .sc-dot{background:var(--card);box-shadow:inset 0 0 0 5px var(--ink-strong)}
.sc-card-foot{margin-top:22px;display:flex}
.sc-next,.sc-reveal{background:var(--ink-strong);color:var(--ground)}
.sc-next{min-width:160px;justify-content:center;font:inherit;font-size:16px;font-weight:600;cursor:pointer;transition:opacity 120ms ease,transform 160ms cubic-bezier(.23,1,.32,1)}
.sc-next:disabled{opacity:.35;cursor:not-allowed}
.sc-next:not(:disabled):active{transform:scale(.97)}
@media (max-width:620px){.sc-next{width:100%}}

.sc-gate-lede{color:var(--ink-2);line-height:1.6;margin:0 0 18px;max-width:60ch}
.sc-reveal{margin-top:18px;width:100%;justify-content:center;font:inherit;font-size:16px;font-weight:600;cursor:pointer}
.sc-reveal:disabled{opacity:.6;cursor:progress}

.sc-dx{display:flex;flex-direction:column;gap:12px}
.sc-dx-h{font-family:'Source Serif 4',Georgia,serif;font-weight:600;font-size:clamp(28px,4.6vw,42px);line-height:1.15;color:var(--ink-strong);margin:0;text-wrap:balance}
.sc-dx-band{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;color:var(--ink-2);font-weight:600}
.sc-dx-lvl{font-family:'Source Serif 4',Georgia,serif;font-size:34px;color:var(--ink-strong);font-variant-numeric:tabular-nums}
.sc-dx-lvl small{font-size:.45em;color:var(--ink-3)}
.sc-why h3{font-size:18px;color:var(--ink-strong);margin:0 0 8px}
.sc-why p{color:var(--ink);line-height:1.65;margin:0 0 12px;max-width:65ch}
.sc-why q{font-style:italic;color:var(--ink-strong)}
.sc-quotes{list-style:none;padding:0;margin:4px 0 16px;display:flex;flex-direction:column;gap:10px}
.sc-quotes li{display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:var(--ground-alt);border-radius:12px}
.sc-quote-q{font-size:13px;color:var(--ink-3)}
.sc-quote-a{font-family:'Source Serif 4',Georgia,serif;font-size:18px;color:var(--ink-strong);line-height:1.4}
.sc-quote-a::before{content:"\201C"}.sc-quote-a::after{content:"\201D"}
.sc-depth{font-size:12px;color:var(--ink-3);letter-spacing:.04em}
.sc-kicker-dark{color:#fff}
.sc-cta p + p{margin-top:10px}
/* What it is costing you: the owner's own number, set large, one per results page. */
.sc-cost{padding:22px 24px;background:var(--navy);color:#fff;border-radius:14px;display:flex;flex-direction:column;gap:10px}
.sc-cost .sc-kicker{color:#fff}
.sc-cost-line{font-family:'Source Serif 4',Georgia,serif;font-size:clamp(20px,2.6vw,24px);line-height:1.4;margin:0;color:#fff}
.sc-cost p{margin:0;color:var(--grey);line-height:1.6}
.sc-cost q{color:#fff;font-style:italic}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .sc-cost{box-shadow:inset 0 0 0 1px var(--rule)}}
:root[data-theme="dark"] .sc-cost{box-shadow:inset 0 0 0 1px var(--rule)}

/* ---- Results v4 (2026-09-30e): ScoreApp's order ----
   Gate: the owner's own cost figure over their blurred diagnosis. Results: one verdict,
   a short why, the offer with one button, the long breakdown folded away. */
.sc-gatewrap{position:relative;display:flex;flex-direction:column;gap:0}
.sc-gatewrap .sc-gate{position:relative;z-index:2}
.sc-gate-stat{font-family:'Source Serif 4',Georgia,serif;font-weight:600;font-size:clamp(34px,6vw,52px);line-height:1.05;color:var(--ink-strong);margin:14px 0 8px;text-wrap:balance}
.sc-masked{position:relative;z-index:1;margin-top:-28px;padding:44px 8px 0;filter:blur(7px);opacity:.6;pointer-events:none;user-select:none;
  max-height:560px;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 30%,transparent);mask-image:linear-gradient(to bottom,#000 30%,transparent);
  display:flex;flex-direction:column;gap:28px}
@media (prefers-reduced-transparency:reduce){.sc-masked{display:none}}

.sc-verdict{display:flex;flex-direction:column;gap:12px}
.sc-verdict-h{font-family:'Source Serif 4',Georgia,serif;font-weight:600;font-size:clamp(30px,5vw,46px);line-height:1.12;color:var(--ink-strong);margin:0;text-wrap:balance}
.sc-verdict-band{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;color:var(--ink-2);font-weight:600}
.sc-first-line{padding:14px 16px;background:var(--goldtint);border-radius:10px;color:var(--ink)}
.sc-first-line b{color:var(--ink-strong)}

.sc-offer{background:var(--navy);color:#fff;border-radius:16px;padding:clamp(22px,4vw,34px);display:flex;flex-direction:column;gap:16px}
.sc-offer h3{margin:0;font-family:'Source Serif 4',Georgia,serif;font-weight:600;font-size:clamp(22px,3vw,28px);line-height:1.25;color:#fff;text-wrap:balance}
.sc-offer-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media (max-width:620px){.sc-offer-cards{grid-template-columns:1fr}}
.sc-offer-card{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;min-width:0}
.sc-offer-card b{color:#fff;font-size:15px}
.sc-offer-card span{color:var(--grey);font-size:14px;line-height:1.5}
.sc-terms{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 20px;color:#fff;font-size:14px;font-weight:600}
.sc-terms li{display:flex;align-items:center;gap:8px}
.sc-terms li::before{content:"";width:6px;height:6px;border-radius:2px;background:var(--gold)}
.sc-guarantee,.sc-tried{margin:0;color:var(--grey);font-size:14px;line-height:1.6}
.sc-offer .btn-row{margin-top:4px}
.sc-cta-note{margin:0;color:var(--grey);font-size:13px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .sc-offer{box-shadow:inset 0 0 0 1px var(--rule)}}
:root[data-theme="dark"] .sc-offer{box-shadow:inset 0 0 0 1px var(--rule)}

.sc-more{border-top:1px solid var(--rule);padding-top:14px}
.sc-more summary{cursor:pointer;font-weight:600;color:var(--ink-strong);padding:6px 0;list-style-position:inside}
.sc-more[open]{display:flex;flex-direction:column;gap:14px}
.sc-more-cost{margin:0;color:var(--ink);line-height:1.6}
/* The site gives every <section> 76px of padding; inside the diagnostic, spacing comes from
   the stage's own gap. :where() keeps this at zero specificity so component padding still wins. */
:where(#sc-stage) section{padding:0}
.sc-focus .sc-hero{display:none}
.sc-focus .sc-body{padding-top:28px}
#sc-stage{display:flex;flex-direction:column;gap:28px}