/* ============================================================
   Steel skin for the tool pages (Section 179, Playbook).
   Loaded last, after each page's own <style>, so it wins on equal specificity.
   The page logic and every word of copy are untouched; this only restyles.
   Same deviations as steel-1.css: no IBM Plex Mono on any digit, and lifted
   blue for accent text on dark panels.
   ============================================================ */
body.s-toolpage{background:var(--s-paper);font-family:var(--s-body)}
.s-toolpage main,.s-toolpage section,.s-toolpage .calc,.s-toolpage .split{background:transparent}
.s-toolpage .wrap{max-width:1440px;padding-left:var(--s-gutter);padding-right:var(--s-gutter)}

/* type */
.s-toolpage h1{font-size:clamp(40px,5.2vw,78px);line-height:.95;letter-spacing:-.025em}
.s-toolpage h2{font-size:clamp(30px,3.6vw,50px);line-height:.98}
.s-toolpage h3{font-size:clamp(21px,2vw,27px);line-height:1.05}
.s-toolpage h1 .mark,.s-toolpage h2 .mark{color:var(--s-accent)}
.s-toolpage .q-label{font-family:var(--s-display);font-variation-settings:"wdth" 75;font-weight:800;
  text-transform:none;letter-spacing:-.015em;font-size:clamp(22px,2.3vw,28px)}
.s-toolpage .lede{color:var(--s-ink-2)}

/* letter-only labels get the mono voice of the homepage */
.s-toolpage .eyebrow,.s-toolpage .mono-label,.s-toolpage .tk-k,.s-toolpage .bc{
  font-family:var(--s-mono);font-weight:500;letter-spacing:.14em;text-transform:uppercase}
.s-toolpage .eyebrow::before{display:none}
.s-toolpage .eyebrow{color:var(--s-accent-2)}
.s-digits{font-family:var(--s-body);letter-spacing:.04em}

/* inputs and tap choices: rounded, calm */
.s-toolpage .inp-lite{border-radius:14px;border-color:var(--s-line);font-family:var(--s-body)}
.s-toolpage .inp-lite:focus{outline:2px solid var(--s-accent);outline-offset:2px;border-color:var(--s-accent)}
.s-toolpage .taps label{border-radius:12px;border-color:var(--s-line);font-family:var(--s-body);letter-spacing:.02em}
.s-toolpage .taps input:checked + label{background:var(--s-accent);border-color:var(--s-accent);color:#fff}
.s-toolpage .taps input:checked + label .r{color:rgba(255,255,255,.82)}

/* the answer ticket: navy panel, big radius, no drop shadow */
.s-toolpage .ticket{background:var(--s-ink);border-radius:var(--s-r);box-shadow:none;padding:34px 32px 30px}
.s-toolpage .tk-big,.s-toolpage .tk-rows .r.total .v{color:var(--s-accent-on-ink)}
.s-toolpage .tk-rows .r.total .k{font-family:var(--s-display);font-variation-settings:"wdth" 80;font-weight:800}
.s-toolpage .ring .seg{stroke:var(--s-accent-on-ink)}
.s-toolpage .flag{border-radius:12px;background:#1c2d4b;border-color:rgba(157,188,255,.4)}

/* buttons become pills */
.s-toolpage .btn{border-radius:999px;box-shadow:none;font-family:var(--s-body);font-weight:600;text-transform:none;letter-spacing:0}
.s-toolpage .btn-primary{background:var(--s-accent);color:#fff}
.s-toolpage .btn-primary:hover{background:var(--s-accent-2);transform:none;box-shadow:none}
.s-toolpage .btn-ghost{border-radius:999px}

/* light content blocks become rounded white panels */
.s-toolpage .split{padding:0}
.s-toolpage .split > .wrap{background:#fff;border:1px solid var(--s-line);border-radius:var(--s-r);
  padding:clamp(26px,3.4vw,48px);max-width:calc(1440px - 2*var(--s-gutter))}
.s-toolpage .handoff,.s-toolpage .disclose{border-radius:20px;border-color:var(--s-line)}
.s-toolpage .panel{border-radius:22px}

/* Playbook */
.s-toolpage .progress{background:var(--s-accent)}
.s-toolpage .pb-hero{border-bottom:0}
.s-toolpage .ch+.ch{border-top:0}
.s-toolpage .ch-num,.s-toolpage .fix b,.s-toolpage .toc a::before,.s-toolpage .rules li::before,.s-toolpage .docs li::before{color:var(--s-accent)}
.s-toolpage .math{background:var(--s-ink);border-radius:22px}
.s-toolpage .mrows dd,.s-toolpage .msteps b{color:var(--s-accent-on-ink)}
.s-toolpage .close-out{background:var(--s-ink);border-radius:var(--s-r);margin-left:var(--s-gutter);margin-right:var(--s-gutter)}
.s-toolpage .pq-link{color:var(--s-accent-on-ink)}

/* ================= Sept 16, round 4 ================= */
.s-toolpage .eyebrow,.s-toolpage .mono-label,.s-toolpage .tk-k,.s-toolpage .bc{font-family:var(--s-body);font-weight:600;letter-spacing:.06em}
/* The "shrink" band was a dark section; round 1 made every section transparent,
   which left light text on a light ground. Put the navy panel back. */
.s-toolpage section.shrink{background:var(--s-ink);border-radius:var(--s-r);margin:0 var(--s-gutter);color:var(--on-dark)}
.s-toolpage section.shrink h2,.s-toolpage .shrink-cell h3{color:#fff}
.s-toolpage section.shrink .eyebrow,.s-toolpage section.shrink h2 span{color:var(--s-accent-on-ink)!important}
.s-toolpage .taps input:checked + label .r{color:#fff}
/* breathing room */
.s-toolpage h1{margin-bottom:22px}
.s-toolpage .eyebrow{margin-bottom:14px}
.s-toolpage .sec-head h2{margin:14px 0 18px}
.s-toolpage .q-label{margin-bottom:8px}
.s-toolpage .q-hint{margin-bottom:16px}
.s-toolpage .tool-hero .verified{margin-top:28px}
/* the closing "final" band is dark too; same fix as the shrink band */
.s-toolpage section.final{background:var(--s-ink);border-radius:var(--s-r);margin:48px var(--s-gutter) 0;color:#fff}
.s-toolpage section.final h2,.s-toolpage section.final p,.s-toolpage section.final .alt,.s-toolpage section.final .alt a{color:#fff}
.s-toolpage section.final .eyebrow{color:var(--s-accent-on-ink)!important}
.s-toolpage section.shrink .lede,.s-toolpage .shrink-cell p{color:#d3dbea}