/* ================= Mindflow Final 4 — Option B variant styles. Scoped to variant class names; shell selectors are not touched. ================= */
/* S01B · split hero: navy statement panel + annotated illustrative screen */
.hero-b{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);min-height:min(78vh,760px)}
.hero-b .hb-panel{background:var(--navy);display:flex;align-items:center}
.hero-b .hb-fig{display:flex;align-items:center}
.hero-b .hb-inner{width:100%;max-width:calc(var(--container,1200px)/2);padding:clamp(40px,6vw,88px) clamp(20px,4vw,56px)}
.hero-b .hb-panel .hb-inner{margin-left:auto}
.hero-b .hb-fig .hb-inner{margin-right:auto}
.hero-b .display{margin-top:18px;max-width:11em}
.hero-b .actions{margin-top:28px;display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center}
.hero-b .fine{margin-top:14px;color:var(--on-dark-2)}
.hero-b .lead{margin-top:28px;max-width:30em;color:var(--on-dark);border-top:1px solid var(--navy-line);padding-top:22px}
.hero-b .crumbs{margin-bottom:8px}
.hb-screen{margin:0;width:100%;max-width:520px}
.hb-screen .cap{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ink-3);margin-bottom:12px}
.hb-screen .scr{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:18px;display:grid;gap:14px}
.scr-q{display:flex;align-items:center;gap:10px;border:1px solid var(--line-strong);border-radius:var(--r-pill);padding:10px 14px;font-weight:600;font-size:14px;color:var(--navy)}
.scr-q .i{width:16px;height:16px}
.scr-row{display:grid;grid-template-columns:64px minmax(0,1fr);gap:6px 14px;align-items:start;padding-top:12px;border-top:1px solid var(--line)}
.scr-k{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--ink-3);padding-top:4px}
.scr-ai,.scr-page{display:grid;gap:7px}
.scr-ai i,.scr-page i{display:block;height:7px;border-radius:4px;background:var(--stone-2)}
.scr-ai .w80,.scr-page .w90{width:80%}.scr-ai .w60{width:60%}.scr-ai .w70,.scr-page .w70{width:70%}.scr-page .w50{width:50%}
.scr-ai .hi,.scr-page .hi{background:var(--citron)}
.scr-map{position:relative;height:56px;border-radius:var(--r-sm);background:repeating-linear-gradient(0deg,var(--stone) 0 10px,var(--white) 10px 11px),repeating-linear-gradient(90deg,var(--stone) 0 10px,var(--white) 10px 11px);background-blend-mode:multiply;border:1px solid var(--line)}
.scr-map .pin,.wire-map .pin{position:absolute;width:12px;height:12px;border-radius:50% 50% 50% 0;background:var(--ink-3);transform:rotate(-45deg)}
.scr-map .pin:nth-child(1){left:18%;top:28%}.scr-map .pin:nth-child(2){left:52%;top:40%}.scr-map .pin:nth-child(3){left:78%;top:22%}
.scr-map .pin.you,.wire-map .pin.you{background:var(--navy);box-shadow:0 0 0 3px var(--citron);width:14px;height:14px}
.scr-page .scr-btn{justify-self:start;background:var(--citron);color:var(--navy);font-size:11px;font-weight:800;border-radius:var(--r-xs);padding:4px 8px;margin-top:2px}
.scr-note{grid-column:2;font-size:13px;color:var(--ink-2);display:flex;gap:8px;align-items:baseline}
.scr-note b{font-family:var(--font-head);font-size:11px;color:var(--navy);background:var(--citron);border-radius:3px;padding:1px 5px}
/* S02B */
.trust-b{background:var(--navy);color:var(--on-dark);padding:10px 0}
.trust-b .container{display:flex;align-items:center;gap:18px}
.trust-b .avatar{width:40px;height:40px;flex:none}
.trust-b ul{list-style:none;display:flex;gap:0;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;flex:1;min-width:0}
.trust-b ul::-webkit-scrollbar{display:none}
.trust-b li{white-space:nowrap;padding:8px 20px;border-left:1px solid var(--navy-line);font-size:14px;scroll-snap-align:start}
.trust-b li:first-child{border-left:0;padding-left:0}
.trust-b b{color:var(--white)}
/* S03B */
.def{display:grid;gap:18px;max-width:var(--container-narrow,900px)}
.def-q{font-family:var(--font-head);font-size:clamp(22px,2vw,28px);color:var(--ink-3);font-weight:600;letter-spacing:-.02em}
.def-a{font-family:var(--font-head);font-weight:700;font-size:clamp(22px,2.6vw,34px);line-height:1.3;letter-spacing:-.025em}
.def-a u{text-decoration-color:var(--citron);text-decoration-thickness:4px;text-underline-offset:4px}
.def-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border:1.5px dashed var(--line-strong);border-radius:var(--r-md);padding:18px 20px;margin-top:8px}
.def-facts dt{font-family:var(--font-head);font-weight:800;font-size:16px}
.def-facts dd{font-size:14px;color:var(--ink-2);margin-top:4px}
/* S04B */
.crumb-b nav{display:flex;align-items:center;gap:12px;padding:16px 0;font-size:14px}
.crumb-b a{display:inline-flex;align-items:center;gap:6px;min-height:40px;font-weight:600}
.crumb-b a .i{transform:rotate(180deg)}
.crumb-b .cur{background:var(--stone);border-radius:var(--r-pill);padding:6px 12px;color:var(--ink-2)}
/* S05B */
.prob-b{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,56px);align-items:start}
.weeks{margin-top:24px}
.weeks .cap{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ink-3);margin-bottom:10px}
.wk{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;align-items:end;height:120px;border-bottom:2px solid var(--navy);padding-bottom:0}
.wk span{display:grid;grid-template-rows:1fr auto;height:100%;gap:6px}
.wk i{display:block;align-self:end;height:calc(var(--h)*100%);min-height:4px;background:var(--navy);border-radius:3px 3px 0 0}
.wk span[style*="--h:0"] i{background:var(--citron);height:10px}
.wk b{font-size:10px;color:var(--ink-3);text-align:center;font-weight:600}
.wk-leg{display:flex;gap:16px;font-size:12px;color:var(--ink-3);margin-top:8px}
.wk-leg i{display:inline-block;width:10px;height:10px;background:var(--navy);border-radius:2px;margin-right:6px;vertical-align:-1px}
.wk-leg i.e{background:var(--citron)}
.symptoms-b{list-style:none;counter-reset:sy;display:grid;border-top:2px solid var(--navy)}
.symptoms-b .h{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ink-3);padding:12px 0 6px}
.symptoms-b li:not(.h){counter-increment:sy;display:grid;grid-template-columns:36px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:16px;line-height:1.45}
.symptoms-b li:not(.h)::before{content:counter(sy,decimal-leading-zero);font-family:var(--font-head);font-weight:800;color:var(--navy);font-size:14px;padding-top:3px}
/* S06B · one route on navy: vertical line, screens and conditions alternate sides */
.route-b{list-style:none;position:relative;margin-top:var(--s-6);display:grid;gap:36px;padding:12px 0 4px}
.route-b::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--navy-line);transform:translateX(-50%)}
.route-b li{display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);align-items:center;position:relative}
.route-b .node{grid-column:2;grid-row:1;justify-self:center;width:40px;height:40px;border-radius:50%;background:var(--navy);border:2px solid var(--on-dark-2);color:var(--white);display:grid;place-items:center;font-family:var(--font-head);font-weight:800;font-size:15px;position:relative;z-index:1}
.route-b .end .node{background:var(--citron);color:var(--navy);border-color:var(--citron)}
.route-b .stop{grid-column:1;grid-row:1;background:var(--navy-raised);border:1px solid var(--navy-line);border-radius:var(--r-md);padding:16px;display:grid;gap:12px;align-content:start;max-width:440px;justify-self:end;width:100%}
.route-b .end .stop{border-color:var(--citron)}
.route-b .req{grid-column:3;grid-row:1;font-size:15px;line-height:1.5;color:var(--on-dark);max-width:34ch;display:grid;gap:6px;padding:0 0 0 8px}
.route-b .req b{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--citron)}
.route-b li:nth-child(even) .stop{grid-column:3;justify-self:start}
.route-b li:nth-child(even) .req{grid-column:1;justify-self:end;text-align:right;padding:0 8px 0 0}
.route-b .k{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--citron)}
.route-b .scr{background:var(--white);color:var(--navy);border-radius:var(--r-sm);padding:12px;min-height:96px;display:grid;gap:8px;align-content:start}
.wire-map{position:relative;height:60px;border-radius:var(--r-xs);border:1px solid var(--line);background:repeating-linear-gradient(0deg,var(--stone) 0 10px,var(--white) 10px 11px)}
.wire-map .pin:nth-child(1){left:16%;top:30%}.wire-map .pin:nth-child(2){left:50%;top:38%}.wire-map .pin:nth-child(3){left:80%;top:20%}
.wire-map b{position:absolute;left:8px;bottom:6px;font-size:11px;background:var(--white);padding:2px 6px;border-radius:3px;border:1px solid var(--line)}
.wire-form{display:grid;gap:7px}
.wire-form i{display:block;height:26px;border:1px solid var(--line-strong);border-radius:var(--r-xs);background:var(--white)}
.wire-form span{display:block;background:var(--citron);color:var(--navy);font-size:12px;font-weight:800;text-align:center;padding:7px;border-radius:var(--r-xs)}
/* S07B */
.qledger{border-top:2px solid var(--navy)}
.qh,.qrow{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px}
.qh{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ink-3);padding:12px 0 8px;border-bottom:1px solid var(--line)}
.qrow{padding:22px 0;border-bottom:1px solid var(--line)}
.ql{display:flex;gap:14px;align-items:baseline}
.ql .n{font-family:var(--font-head);font-weight:800;color:var(--citron);background:var(--navy);border-radius:4px;padding:2px 6px;font-size:12px}
.ql h3{font-size:20px}
.qrow p{color:var(--ink-2)}
/* S08B */
.fit-b{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px;align-items:start}
.band-b{background:var(--navy);border-radius:var(--r-lg);padding:clamp(24px,3vw,40px)}
.band-b .k{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--citron)}
.band-b ul{list-style:none;display:grid;margin-top:12px}
.band-b li{font-family:var(--font-head);font-weight:700;font-size:clamp(20px,2vw,26px);letter-spacing:-.02em;padding:14px 0;border-bottom:1px solid var(--navy-line);color:var(--white)}
.band-b li:last-child{border-bottom:0}
.margin-b{border-left:3px solid var(--citron);padding:6px 0 6px 20px;display:grid;gap:10px;align-self:center}
.margin-b .k{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ink-3)}
.margin-b p{color:var(--ink-2)}
/* S09B */
.fw{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--white);overflow:hidden;margin-top:var(--s-6)}
.fw-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}
.fw-tabs button{min-height:60px;background:var(--stone);border:0;border-right:1px solid var(--line);font-family:var(--font-head);font-weight:800;font-size:clamp(15px,1.4vw,19px);letter-spacing:-.02em;color:var(--ink-2);display:flex;align-items:center;gap:10px;padding:0 20px;cursor:pointer}
.fw-tabs button:last-child{border-right:0}
.fw-tabs .n{font-size:12px;color:var(--ink-3)}
.fw-tabs button[aria-selected="true"]{background:var(--white);color:var(--navy);box-shadow:inset 0 -3px 0 var(--citron)}
.fw-tabs button:focus-visible{outline:3px solid var(--navy);outline-offset:-3px}
.fw-panels>div{padding:clamp(20px,3vw,32px);display:grid;gap:18px}
.fw-work{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:16px 28px}
.fw-work li{display:grid;grid-template-columns:22px 1fr;gap:10px}
.fw-work .i{width:18px;height:18px;margin-top:3px;color:var(--navy)}
.fw-work b{display:block;font-family:var(--font-head);font-size:16px}
.fw-work span{font-size:14px;color:var(--ink-2)}
.fw-foot{margin-top:14px;font-size:14px;color:var(--ink-2);border-left:3px solid var(--line-strong);padding-left:14px}
/* S10B */
.scope-map{border-top:2px solid var(--navy);margin-top:var(--s-6)}
.smh,.smr{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr) minmax(0,2fr);gap:20px}
.smh{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ink-3);padding:12px 0 8px;border-bottom:1px solid var(--line)}
.smr{padding:18px 0;border-bottom:1px solid var(--line)}
.smr>div{display:flex;gap:12px;align-items:baseline}
.smr .n{font-size:12px;font-weight:700;color:var(--ink-3)}
.smr h3{font-size:18px}
.smr p{color:var(--ink-2);font-size:15px}
.smr .yp{font-weight:600;color:var(--navy);background:var(--citron-tint);border-radius:var(--r-xs);padding:4px 8px;font-size:13px;height:fit-content;width:fit-content}
/* S11B · two-route decision path */
.path{display:grid;gap:14px;margin-top:var(--s-6)}
.pq{background:var(--navy);color:var(--white);border-radius:var(--r-md);padding:16px 20px;display:grid;gap:4px;width:fit-content;max-width:100%}
.pq .k{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--citron)}
.pq p{font-family:var(--font-head);font-weight:700;font-size:17px}
.pq.sub{background:var(--white);color:var(--navy);border:1.5px dashed var(--line-strong)}
.pq.sub .k{color:var(--ink-3)}
.pbranch2{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:16px;align-items:start}
.proute{display:grid;gap:12px;position:relative;padding-top:18px}
.proute::before{content:"";position:absolute;left:24px;top:0;height:18px;width:2px;background:var(--line-strong)}
.proute .rk{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--navy);background:var(--citron);width:fit-content;padding:4px 10px;border-radius:var(--r-pill)}
.proute.one .rk{background:var(--white);border:1.5px solid var(--navy)}
.proute.one{border:1.5px dashed var(--line-strong);border-radius:var(--r-md);padding:18px;margin-top:18px}
.proute.one::before{top:-18px;left:24px}
.pleaves{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pnode{background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);padding:20px;display:grid;gap:8px;align-content:start;position:relative}
.pnode.primary{border-color:var(--navy);box-shadow:inset 0 3px 0 var(--citron)}
.pnode .k{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--ink-3)}
.pnode h3{font-size:20px}
.pnode p{font-size:15px;color:var(--ink-2)}
/* S12B / S20B rings */
.ring{--p:50;width:140px;height:140px;border-radius:50%;background:conic-gradient(var(--citron) calc(var(--p)*1%),rgba(255,255,255,.14) 0);display:grid;place-items:center;flex:none}
.ring>div{width:104px;height:104px;border-radius:50%;background:var(--navy);display:grid;place-content:center;text-align:center;gap:2px}
.ring b{font-family:var(--font-head);font-size:26px;letter-spacing:-.03em}
.ring span{font-size:12px;color:var(--on-dark-2)}
.ring.sm{width:88px;height:88px;background:conic-gradient(var(--navy) calc(var(--p)*1%),var(--stone-2) 0)}
.ring.sm>div{width:64px;height:64px;background:var(--white)}
.ring.sm b{font-size:16px;color:var(--navy)}
.data-panel.dark{background:var(--navy-raised);border-color:var(--navy-line);color:var(--white)}
.data-panel.dark .k,.data-panel.dark .note{color:var(--on-dark-2)}
.data-panel.dark .toggle button{background:transparent;color:var(--on-dark);border-color:var(--navy-line)}
.data-panel.dark .toggle button[aria-pressed="true"]{background:var(--citron);color:var(--navy);border-color:var(--citron)}
.data-panel.dark .tbl{color:var(--white)}
.ringrow{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center}
.ringrow ul{list-style:none;display:grid}
.ringrow li{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:10px 0;border-bottom:1px solid var(--navy-line);font-size:14px;align-items:baseline}
.ringrow li:last-child{border-bottom:0}
.ringrow em{font-style:normal;color:var(--on-dark-2);font-variant-numeric:tabular-nums}
.stat3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.stat{display:flex;gap:14px;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);padding:16px}
.stat>div:last-child{display:grid;gap:2px}
.stat .k{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--ink-3)}
.stat b{font-family:var(--font-head);font-size:18px}
/* S13B */
.case-b{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,56px);margin-top:var(--s-6);align-items:start}
.tl-b{list-style:none;display:grid;position:relative;padding-left:0}
.tl-b li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;padding:18px 0;border-bottom:1px solid var(--line);position:relative}
.tl-b li::after{content:"";position:absolute;left:150px;top:26px;width:10px;height:10px;border-radius:50%;background:var(--citron);box-shadow:0 0 0 2px var(--navy);transform:translateX(-30px)}
.tl-b li::before{content:"";position:absolute;left:124px;top:0;bottom:0;width:2px;background:var(--line)}
.tl-b .when{font-family:var(--font-head);font-weight:800;color:var(--navy);font-size:15px;padding-top:2px}
.tl-b p{color:var(--ink-2)}
.pull-b{background:var(--navy);color:var(--white);border-radius:var(--r-lg);padding:clamp(22px,3vw,32px);display:grid;gap:18px}
.pull-b blockquote p{font-family:var(--font-head);font-weight:700;font-size:clamp(18px,1.6vw,22px);letter-spacing:-.02em;line-height:1.35}
.pull-b footer{font-size:13px;color:var(--on-dark-2);margin-top:10px}
.pull-b dl{display:grid;gap:8px;border-top:1px solid var(--navy-line);padding-top:16px;font-size:14px}
.pull-b dt{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--citron)}
.pull-b dd{color:var(--on-dark)}
.pull-b .link{color:var(--white)}
/* S14B · key sentence + the rest */
.quote-b{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,56px);align-items:stretch;margin:0}
.qb-key{background:var(--navy);border-radius:var(--r-lg);padding:clamp(24px,3.4vw,44px);display:grid;gap:18px;align-content:center}
.qb-key .k{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--citron)}
.qb-key p{font-family:var(--font-head);font-weight:700;font-size:clamp(24px,2.6vw,38px);line-height:1.2;letter-spacing:-.03em;color:var(--white);text-wrap:pretty}
.qb-rest{display:grid;gap:20px;align-content:center}
.qb-rest blockquote p{font-size:17px;line-height:1.6;color:var(--ink-2);max-width:var(--measure)}
.qb-rest footer{margin-top:16px;display:flex;align-items:center;gap:12px;font-size:14px;color:var(--ink-3)}
.qb-rest footer b{display:block;color:var(--navy);font-size:15px}
.qb-rest .avatar{width:40px;height:40px;border-radius:50%;background:var(--navy);color:var(--citron);display:grid;place-items:center;font-weight:800;font-size:12px}
.qb-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 20px;border-top:1px solid var(--line);padding-top:16px}
.qb-facts dt{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--ink-3)}
.qb-facts dd{font-family:var(--font-head);font-weight:700;font-size:15px;margin-top:4px}
/* S15B */
.tiles{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:var(--s-6)}
.tiles li{background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);padding:22px;display:grid;gap:10px;align-content:start}
.tiles h3{font-size:18px}
.tiles p{font-size:15px;color:var(--ink-2)}
/* S16B / S46B */
.founder-b,.record-b{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,4vw,56px);align-items:center}
.founder-b .photo,.record-b .photo{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-lg);display:block}
.founder-b>div,.record-b>div{display:grid;gap:16px}
.fb-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0}
.fb-facts dt{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--ink-3)}
.fb-facts dd{font-family:var(--font-head);font-weight:700;font-size:16px;margin-top:4px}
/* S17B */
.terms-b{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:2px solid var(--navy);margin-top:var(--s-6)}
.terms-b>div{padding:18px 20px 18px 0;border-right:1px solid var(--line);margin-right:20px}
.terms-b>div:last-child{border-right:0;margin-right:0}
.terms-b dt{font-family:var(--font-head);font-weight:800;font-size:18px}
.terms-b dd{font-size:15px;color:var(--ink-2);margin-top:6px}
/* S18B */
.waffle-wrap{display:grid;gap:14px}
.waffle{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;max-width:320px}
.waffle i{display:block;aspect-ratio:1;background:var(--stone-2);border-radius:2px}
.waffle i.on{background:var(--navy)}
.waffle-wrap .legend{display:grid;gap:4px;font-size:14px;color:var(--ink-2)}
/* S19B */
.lolli{display:grid;gap:10px}
.lr{display:grid;grid-template-columns:minmax(120px,1.3fr) minmax(0,3fr) auto auto;gap:14px;align-items:center;font-size:15px}
.lr .stem{position:relative;height:2px;background:var(--line);display:block}
.lr .stem i{position:absolute;left:0;top:50%;height:2px;width:var(--w);background:var(--navy);transform:translateY(-50%)}
.lr .stem i::after{content:"";position:absolute;right:-7px;top:50%;width:14px;height:14px;border-radius:50%;background:var(--citron);border:2px solid var(--navy);transform:translateY(-50%)}
.lr .v,.lr .c{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}
.lr .c{font-weight:500;color:var(--ink-3)}
.lr small{font-weight:500;color:var(--ink-3)}
/* S21B */
.ladder-b{list-style:none;display:grid;gap:0;align-self:center}
.ladder-b li{padding:18px 22px;border:1px solid var(--line);display:grid;gap:4px}
.ladder-b li b{font-family:var(--font-head);font-size:17px}
.ladder-b li span{font-size:14px;color:var(--ink-2)}
.ladder-b .b0{background:var(--navy);color:var(--white);border-color:var(--navy);border-radius:var(--r-md) var(--r-md) 0 0;margin:0 10%}
.ladder-b .b0 span{color:var(--on-dark)}
.ladder-b .b1{background:var(--citron-tint);margin:0 4%}
.ladder-b .b2{background:var(--white);border-radius:0 0 var(--r-md) var(--r-md);color:var(--ink-3)}
.ladder-b .cap{border:0;padding:10px 0 0;font-size:12px;color:var(--ink-3)}
/* S22B */
.vtl{list-style:none;display:grid}
.vtl li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:18px;padding-bottom:28px;position:relative}
.vtl .rail{position:relative;display:block}
.vtl .rail::before{content:"";position:absolute;left:13px;top:0;bottom:0;width:2px;background:var(--line)}
.vtl li:last-child .rail::before{display:none}
.vtl .rail i{position:absolute;left:6px;top:4px;width:16px;height:16px;border-radius:50%;background:var(--citron);border:3px solid var(--navy)}
.vtl .when{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--ink-3)}
.vtl h3{font-size:20px;margin:4px 0 6px}
.vtl p{color:var(--ink-2)}
/* S23B */
.outline{margin-top:var(--s-6);max-width:760px}
.outline .cap{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ink-3);margin-bottom:10px}
.outline ol{list-style:none;border:1px solid var(--line);border-radius:var(--r-md);background:var(--white);overflow:hidden}
.outline li{display:grid;grid-template-columns:56px 1fr;border-bottom:1px solid var(--line)}
.outline li:last-child{border-bottom:0}
.outline .n{background:var(--navy);color:var(--citron);display:grid;place-items:center;font-family:var(--font-head);font-weight:800;font-size:18px}
.outline li>div{padding:16px 20px;display:grid;gap:4px}
.outline b{font-family:var(--font-head);font-size:17px}
.outline span{font-size:14px;color:var(--ink-2)}
/* S24B */
.mx-stack{display:none}
.mxs-plan{display:grid;gap:6px;padding:16px 0;border-top:1px solid var(--line)}
.mxs-plan:first-child{border-top:2px solid var(--navy)}
.mxs-plan h3{font-size:18px;letter-spacing:-.01em}
.mxs-plan .price{font-family:var(--font-head);font-weight:800;font-size:24px;letter-spacing:-.03em;color:var(--navy);display:flex;align-items:baseline;gap:6px}
.mxs-plan .price .from{font-family:var(--font-body);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--ink-3)}
.mxs-plan .price small{font-size:13px;font-weight:500;color:var(--ink-3);letter-spacing:0}
.mxs-plan p:last-child{font-size:14px;color:var(--ink-2)}
.mxs-inc{display:grid;gap:10px;padding:16px;background:var(--stone);border-radius:var(--r-md);margin-top:8px}
.mxs-inc .k{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--ink-3)}
.mxs-inc ul{list-style:none;display:grid;gap:8px;font-size:14px}
.mxs-inc li{display:flex;gap:8px;align-items:flex-start}.mxs-inc .i{width:16px;height:16px;flex:none;margin-top:3px;color:var(--navy)}
.mx-grid .tbl-wrap{overflow:visible}
@media (max-width:700px){.mx-grid .tbl-wrap{overflow-x:auto}}
.mx-grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:16px;margin-top:var(--s-6);align-items:start}
.matrix{width:100%;border-collapse:collapse;background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;font-size:15px}
.matrix th,.matrix td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.matrix thead th{font-family:var(--font-head);font-size:16px;background:var(--stone)}
.matrix thead th:first-child{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.matrix tbody th{font-weight:600;color:var(--ink-2);width:30%}
.matrix .price{font-family:var(--font-head);font-weight:800;font-size:clamp(20px,1.8vw,26px);letter-spacing:-.03em;white-space:nowrap}
.matrix .price small{font-size:13px;font-weight:600;color:var(--ink-3)}
.matrix .yes{color:var(--navy)}
.matrix .yes .i{width:18px;height:18px}
.mx-side{border:1.5px dashed var(--line-strong);border-radius:var(--r-md);padding:20px;display:grid;gap:18px;align-content:start}
.mx-side .k{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--ink-3)}
.mx-side>div{border-top:1px solid var(--line);padding-top:14px;display:grid;gap:8px}
.mx-side h3{font-size:18px}
.mx-side .price{font-family:var(--font-head);font-weight:800;font-size:22px;letter-spacing:-.03em;display:grid}
.mx-side .price small{font-size:13px;font-weight:500;color:var(--ink-3);letter-spacing:0}
.mx-side p{font-size:14px;color:var(--ink-2)}
.opt-tag{font-size:11px;letter-spacing:.1em;text-transform:uppercase;background:var(--citron);padding:2px 6px;border-radius:3px;vertical-align:middle;margin-left:6px;font-family:var(--font-body);font-weight:700}
.terms-b-row{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px;margin-top:var(--s-6);padding-top:var(--s-5);border-top:1px solid var(--line);align-items:center}
.terms-b-row ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;font-size:14px}
.terms-b-row li{display:flex;gap:8px;align-items:flex-start}
.terms-b-row .i{width:16px;height:16px;flex:none;margin-top:3px;color:var(--navy)}
.terms-b-row .cta{display:grid;gap:8px;justify-items:start}
.terms-b-row .cta span{font-size:13px;color:var(--ink-3)}
/* S25B */
.trades-b{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);margin-top:var(--s-6)}
.trades-b .k{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ink-3)}
.trades-b ul{list-style:none;display:grid;border-top:2px solid var(--navy);margin-top:12px}
.trades-b li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--line);align-items:baseline}
.trades-b h3{font-family:var(--font-head);font-weight:800;font-size:clamp(20px,2vw,26px);letter-spacing:-.025em}
.trades-b li span{font-size:14px;color:var(--ink-2)}
/* S26B */
.regions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:var(--s-6)}
.regions .k{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ink-3)}
.regions ul{list-style:none;margin-top:10px;border-top:1px solid var(--line)}
.regions li{padding:10px 0;border-bottom:1px solid var(--line);font-family:var(--font-head);font-weight:700;font-size:18px}
/* S27B */
.qa-b{display:grid;grid-template-columns:1fr 1fr;gap:28px 48px;margin-top:var(--s-6)}
.qa-b>div{border-top:2px solid var(--navy);padding-top:14px}
.qa-b dt{font-family:var(--font-head);font-weight:800;font-size:19px;letter-spacing:-.02em}
.qa-b dd{margin-top:8px;color:var(--ink-2)}
/* S28B */
.readlist{list-style:none;display:grid;border-top:2px solid var(--navy)}
.readlist a{display:grid;grid-template-columns:40px minmax(0,1fr) 24px;gap:16px;padding:18px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--navy);align-items:center;min-height:44px}
.readlist a:hover strong{text-decoration:underline;text-decoration-color:var(--citron);text-decoration-thickness:3px;text-underline-offset:4px}
.readlist .n{font-family:var(--font-head);font-weight:800;color:var(--ink-3);font-size:14px}
.readlist .k{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--ink-3)}
.readlist strong{display:block;font-family:var(--font-head);font-size:19px;letter-spacing:-.02em;margin:2px 0}
.readlist .d{font-size:14px;color:var(--ink-2)}
/* S29B · full-bleed close with the review flow */
.next-b{background:var(--navy);padding:clamp(44px,6vw,80px) 0}
.next-b .container{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,4vw,64px);align-items:center}
.nb-copy{display:grid;gap:12px;justify-items:start}
.nb-copy h2{font-size:clamp(26px,3vw,40px);letter-spacing:-.03em;color:var(--white)}
.nb-copy p{max-width:44ch;color:var(--on-dark)}
.nb-copy .btn{margin-top:8px}
.nb-flow{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;position:relative}
.nb-flow::before{content:"";position:absolute;left:8%;right:8%;top:16px;height:2px;background:var(--navy-line)}
.nb-flow li{display:grid;gap:6px;align-content:start;position:relative}
.nb-flow .n{width:34px;height:34px;border-radius:50%;background:var(--navy);border:2px solid var(--citron);color:var(--citron);display:grid;place-items:center;font-family:var(--font-head);font-weight:800;font-size:14px;margin-bottom:8px;position:relative;z-index:1}
.nb-flow .when{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--citron)}
.nb-flow b{font-family:var(--font-head);font-size:17px;color:var(--white);letter-spacing:-.01em}
.nb-flow .d{font-size:14px;color:var(--on-dark-2)}
/* S30B · form first */
.form-b{display:grid;gap:var(--s-6)}
.fb-head{max-width:var(--measure);display:grid;gap:12px}
.form-wide{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(20px,3vw,32px);display:grid;gap:18px}
.form-wide fieldset{display:grid;gap:18px;border:0;padding:0;margin:0;min-width:0}
.form-wide legend{font-family:var(--font-head);font-weight:800;font-size:18px;letter-spacing:-.02em;padding:0;margin-bottom:6px}
.form-wide fieldset[disabled]{opacity:.78}
.form-row.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.fb-after{display:grid;grid-template-columns:1fr}
.form-b .steps-row{margin-top:calc(var(--s-6) * -1 + 24px)}
.steps-row{list-style:none;counter-reset:sr;display:grid;grid-template-columns:repeat(3,1fr);gap:16px 24px}
.steps-row li{counter-increment:sr;display:grid;gap:4px;border-top:2px solid var(--navy);padding-top:10px;font-size:15px;align-content:start}
.steps-row li::before{content:counter(sr,decimal-leading-zero);font-family:var(--font-head);font-weight:800;color:var(--ink-3);font-size:12px}
.steps-row b{font-family:var(--font-head);letter-spacing:-.01em}
.steps-row span{font-size:13px;color:var(--ink-3)}
.rep-doc{margin:0;background:var(--stone);border:1px solid var(--line);border-radius:var(--r-md);padding:18px 20px;display:grid;gap:12px}
.rep-doc figcaption{display:grid;gap:2px}
.rep-doc .k{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--ink-3)}
.rep-doc ol{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:var(--white);border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden}
.rep-doc li{display:grid;align-content:start;gap:10px;padding:14px 16px;border-right:1px solid var(--line);font-size:14px;color:var(--ink-2);line-height:1.45}
.rep-doc li:last-child{border-right:0}
@media (max-width:1024px){.rep-doc ol{grid-template-columns:repeat(2,minmax(0,1fr))}.rep-doc li{border-right:0;border-bottom:1px solid var(--line)}.rep-doc li:nth-child(odd){border-right:1px solid var(--line)}.rep-doc li:last-child{border-bottom:0}}
@media (max-width:600px){.rep-doc ol{grid-template-columns:1fr}.rep-doc li,.rep-doc li:nth-child(odd){grid-template-columns:36px minmax(0,1fr);align-items:center;border-right:0;gap:12px;padding:10px 12px}}
.rep-doc .n{width:26px;height:26px;border-radius:50%;background:var(--navy);color:var(--citron);display:grid;place-items:center;font-family:var(--font-head);font-weight:800;font-size:12px}
.rep{background:var(--stone);border:1px solid var(--line);border-radius:var(--r-md);padding:18px 20px;display:grid;gap:8px}
.rep .k{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--ink-3)}
.rep ol{padding-left:20px;font-size:14px;display:grid;gap:4px;color:var(--ink-2)}
/* S31B */
.title-b{padding:28px 0 var(--s-7)}
.tb-grid{display:grid;grid-template-columns:200px minmax(0,1fr);gap:clamp(24px,4vw,56px);margin-top:28px}
.tb-grid .rail{display:grid;gap:4px;align-content:start;border-right:1px solid var(--line);padding-right:20px;font-size:14px}
.tb-grid .rail .k{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--ink-3);margin-top:12px}
.tb-grid .rail .avatar{width:40px;height:40px;margin-bottom:4px}
.tb-grid .rail a{font-weight:700}
/* S32B · statement and support */
.answer-b{display:grid;gap:18px;max-width:1040px}
.ab-grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:clamp(20px,3vw,40px);align-items:start;border-top:2px solid var(--navy);padding-top:20px}
.ab-main{display:grid;gap:12px}
.answer-b .k{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ink-3)}
.ab-state{font-family:var(--font-head);font-weight:700;font-size:clamp(22px,2.3vw,32px);line-height:1.3;letter-spacing:-.025em;text-wrap:pretty}
.ab-rest{font-size:17px;color:var(--ink-2);line-height:1.6;max-width:var(--measure)}
.answer-b .after{font-size:16px;color:var(--ink-2)}
.ab-side{display:grid;gap:8px;justify-items:start;border-left:3px solid var(--citron);padding-left:18px;align-self:start}
.ab-side .small{color:var(--ink-3)}
/* S33B · sticky chapter bar */
.chbar{position:sticky;top:72px;z-index:5;background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 var(--s-6);display:flex;align-items:center;gap:8px}
.chbar .chk{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--ink-3);white-space:nowrap;padding-right:12px;border-right:1px solid var(--line);display:inline-flex;gap:6px;align-items:center}
.chbar .chk em{font-style:normal;background:var(--stone);border-radius:3px;padding:1px 6px;color:var(--navy)}
.chbar ol{list-style:none;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:8px 0;flex:1;min-width:0;mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent)}
.chbar ol::-webkit-scrollbar{display:none}
.chbar a{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:8px 12px;border-radius:var(--r-pill);font-size:13px;font-weight:600;text-decoration:none;color:var(--ink-2);min-height:40px}
.chbar a b{font-size:11px;color:var(--ink-3)}
.chbar a:hover,.chbar a[aria-current="true"]{background:var(--citron-tint);color:var(--navy)}
.chapters-b{display:grid;gap:clamp(28px,3vw,44px);counter-reset:chb}
.chapters-b .chapter{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px;border-top:1px solid var(--line);padding-top:20px;counter-increment:chb}
.chapters-b .chn{display:grid;gap:6px;align-content:start}
.chapters-b .chn h2{font-size:clamp(20px,2vw,26px);letter-spacing:-.02em}
.chapters-b .chn h2::before{content:counter(chb,decimal-leading-zero);display:block;font-size:13px;color:var(--ink-3);margin-bottom:6px;letter-spacing:0}
.chapters-b .prose{max-width:var(--measure)}
/* S34B · findings list with separate share actions */
.flist{list-style:none;display:grid;border-top:2px solid var(--navy);margin-top:var(--s-6)}
.flist li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 32px;padding:18px 0;border-bottom:1px solid var(--line);align-items:start}
.flist b{font-family:var(--font-head);font-size:17px;letter-spacing:-.01em}
.flist p{font-size:15px;color:var(--ink-2);margin-top:4px;max-width:var(--measure)}
.flist .meta{display:block;font-size:13px;color:var(--ink-3);margin-top:8px}
.flist .acts{display:flex;flex-direction:column;gap:4px;align-items:flex-start;padding-left:20px;border-left:1px solid var(--line);min-width:170px}
.flist .acts .text-btn{min-height:40px}
/* S35B */
.msteps{list-style:none;display:grid;margin-top:var(--s-6)}
.msteps li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}
.msteps .n{font-family:var(--font-head);font-weight:800;color:var(--citron);background:var(--navy);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:13px}
.msteps h3{font-size:18px;margin-bottom:6px}
.msteps p{color:var(--ink-2);max-width:var(--measure)}
/* S36B */
.limits-b{list-style:none;display:grid}
.limits-b li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}
.limits-b .n{font-family:var(--font-head);font-weight:800;font-size:28px;letter-spacing:-.03em;color:var(--ink-3);line-height:1}
.limits-b p{color:var(--ink-2)}
/* S37B / S39B / S40B */
.cite-b{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;border:1px solid var(--line);border-radius:var(--r-md);padding:20px 24px;background:var(--stone)}
.cite-b .k{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ink-3)}
.cite-b p{margin-top:6px;font-size:15px}
.cite-b [data-strip]{color:var(--ink-3)}
.cite-acts{display:grid;gap:8px;justify-items:start}
.author-b{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);padding:16px 20px}
.author-b .avatar{width:56px;height:56px}
.author-b>div{display:grid;gap:2px;font-size:14px;color:var(--ink-2)}
.author-b .k{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--ink-3)}
.author-b b{font-family:var(--font-head);font-size:17px;color:var(--navy)}
.rev-b{display:flex;gap:16px;align-items:baseline;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;font-size:14px;color:var(--ink-2)}
.rev-b .k{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--ink-3);white-space:nowrap}
/* S38B */
.src2{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:var(--s-6)}
.src2 .k{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ink-3)}
.src2 ol{list-style:decimal;padding-left:20px;margin-top:10px;border-top:2px solid var(--navy);padding-top:10px;display:grid;gap:12px;font-size:15px}
.src2 li span{display:block;font-size:14px;color:var(--ink-2)}
.src2 li a,.src2 li b{font-weight:700}
/* S41B · term ledger */
.termledger{display:grid;border-top:2px solid var(--navy);margin-top:var(--s-6)}
.termledger>div{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}
.termledger dt{font-family:var(--font-head);font-weight:800;font-size:19px;letter-spacing:-.02em}
.termledger dd{display:grid;gap:8px;justify-items:start}
.termledger dd p{color:var(--ink-2);max-width:var(--measure)}
.termledger dd .link{font-size:14px}
/* S42B */
.crit-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:var(--s-6)}
.crit{background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}
.crit h3{grid-column:1/-1;font-size:18px;border-bottom:2px solid var(--navy);padding-bottom:8px}
.crit .k{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--ink-3);margin-bottom:4px}
.crit p{font-size:14px;color:var(--ink-2)}
/* S43B · checklist with progress rail */
.check-b{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px;margin-top:var(--s-6);align-items:start}
.check-b .items{list-style:none;display:grid;background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}
.check-b .items li{border-bottom:1px solid var(--line)}
.check-b .items li:last-child{border-bottom:0}
.check-b .items label{display:flex;gap:12px;align-items:center;padding:12px 16px;min-height:48px;cursor:pointer}
.check-b .items label:hover{background:var(--stone)}
.check-b input{width:22px;height:22px;accent-color:var(--navy);flex:none}
.check-b input:checked+span{color:var(--navy);font-weight:600}
.prog{background:var(--navy);color:var(--white);border-radius:var(--r-md);padding:22px;display:grid;gap:12px;position:sticky;top:96px}
.prog .k{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--citron)}
.prog .big{font-family:var(--font-head);font-weight:800;font-size:36px;letter-spacing:-.03em}
.prog .track{display:block;height:8px;border-radius:4px;background:rgba(255,255,255,.18);overflow:hidden}
.prog .track .fill{display:block;height:100%;width:var(--w);background:var(--citron);transition:width 200ms}
.prog .small{color:var(--on-dark)}
.prog .acts{display:flex;gap:10px;flex-wrap:wrap}
.btn-ghost-light{background:transparent;color:var(--white);border:1.5px solid rgba(255,255,255,.55)}
.btn-ghost-light:hover{background:rgba(255,255,255,.12);border-color:var(--white);color:var(--white)}
.btn-ghost-light:focus-visible{outline:3px solid var(--citron);outline-offset:2px}
.prog .out{color:var(--navy);background:var(--white);border-radius:var(--r-sm);padding:14px 16px;font-size:14px;min-height:52px}
.prog .out:focus-visible{outline:3px solid var(--citron);outline-offset:2px}
.prog .out ul{list-style:none;display:grid;gap:6px;margin-top:6px}
.prog .out li{display:flex;gap:8px;align-items:flex-start;font-weight:600}
.prog .out li .i{width:16px;height:16px;margin-top:3px;flex:none}
/* S44B · index: controls in the heading row, typed table */
.ixb-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;align-items:end;margin-bottom:var(--s-5)}
.ixb-controls{display:grid;grid-template-columns:1fr;gap:10px;min-width:0}
.ixb-controls .field{position:relative;display:block;width:100%}
.ixb-controls .field input{width:100%;min-height:48px;border:1px solid var(--line-strong);border-radius:var(--r-pill);padding:10px 16px 10px 44px;font-size:16px;background:var(--white)}
.ixb-controls .field .i{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--ink-3);pointer-events:none}
.ixb-row{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between}
.index-b .tbl-wrap{overflow:visible}
.ixtable{width:100%;border-collapse:collapse;border-top:2px solid var(--navy)}
.ixtable th{text-align:left;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);padding:10px 0;border-bottom:1px solid var(--line)}
.ixtable th.type,.ixtable td.type{width:140px;min-width:140px}
.ixtable tbody.index-list{display:table-row-group;border-top:0}
.ixtable tr[hidden]{display:none!important}
.ixtable th:last-child,.ixtable td:last-child{width:auto}
.ixtable td{padding:16px 16px 16px 0;border-bottom:1px solid var(--line);vertical-align:top}
.ixtable td.type{font-size:12px;font-weight:700;color:var(--ink-3);padding-top:20px;letter-spacing:.06em;text-transform:uppercase}
.ixtable a{text-decoration:none;color:var(--navy);display:grid;gap:3px;min-height:44px}
.ixtable .mtype{display:none;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--ink-3)}
.ixtable strong{font-family:var(--font-head);font-size:18px;letter-spacing:-.02em;line-height:1.25}
.ixtable a:hover strong{text-decoration:underline;text-decoration-color:var(--citron);text-decoration-thickness:3px;text-underline-offset:4px}
.ixtable .d{font-size:14px;color:var(--ink-2)}
.ix-empty{display:grid;gap:8px;justify-items:start;padding:24px;border:1.5px dashed var(--line-strong);border-radius:var(--r-md);margin-top:16px}
.ix-empty[hidden]{display:none}
.ix-empty b{font-family:var(--font-head);font-size:17px}
/* S45B · quote beside a context rail; editorial note outside the quotation */
.testi-b{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,4vw,56px);align-items:start}
.testi-b .rail{display:grid;gap:14px;position:sticky;top:96px}
.testi-b .rail dl{display:grid;gap:10px;border-top:1px solid var(--line);padding-top:14px;font-size:14px}
.testi-b .rail dt{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--ink-3)}
.testi-b .rail dd{color:var(--ink-2)}
.testi-b .bigquote{margin:0}
.testi-b .ed-note{margin-top:20px;padding:14px 18px;background:var(--stone);border-radius:var(--r-sm);display:grid;gap:4px;max-width:var(--measure)}
.testi-b .ed-note .k{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--ink-3)}
/* S21B */
.ladder-b .cap{border:0}
/* S24B · scroll treatment */
.mx-hint{display:none;font-size:13px;color:var(--ink-3);align-items:center;gap:6px;margin-bottom:8px}
.mx-hint .i{width:14px;height:14px}
.mx-wrap{position:relative}
.mx-wrap:focus-visible{outline:3px solid var(--navy);outline-offset:2px}
/* S26 · single-region */
.regions.one{grid-template-columns:1fr}
.regions.one ul{columns:3;column-gap:32px}
.regions.one li{break-inside:avoid}
.areas-wide{display:grid;gap:20px}
.areas-wide .stack-sm{max-width:var(--measure)}
/* S37 · placeholder */
#cite-text .ph{color:var(--ink-3);background:var(--stone-2);border-radius:3px;padding:0 4px}
.cite button[disabled],.cite-acts .btn[disabled]{opacity:.55;cursor:not-allowed;text-decoration:none}
/* S30A · fieldset */
.form-card fieldset{border:0;padding:0;margin:0;min-width:0;display:grid;gap:16px}
.form-card legend{font-family:var(--font-head);font-weight:800;font-size:18px;letter-spacing:-.02em;padding:0}
.form-card .fnote{margin:-10px 0 4px}
/* Responsive */
@media (max-width:1024px){
  .trust-b .container{gap:12px;align-items:flex-start}
  .trust-b ul{display:grid;grid-template-columns:1fr 1fr;overflow:visible;gap:4px 12px}
  .trust-b li{white-space:normal;padding:6px 0;border-left:0;font-size:13px}
  .prob-b,.case-b,.fit-b,.mx-grid,.fb-after,.check-b,.ixb-head,.testi-b,.founder-b,.record-b,.quote-b,.pbranch2{grid-template-columns:1fr}
  .hero-b{grid-template-columns:1fr}
  .mx-grid{grid-template-columns:minmax(0,1fr)}
  .hero-b .hb-inner{max-width:var(--container,1200px);margin:0 auto}
  .hero-b .hb-panel .hb-inner{padding-bottom:40px}
  .hb-screen{max-width:600px}
  .next-b .container{grid-template-columns:1fr}
  .ab-grid{grid-template-columns:1fr}
  .ab-side{border-left:0;border-top:1px solid var(--line);padding:14px 0 0}
  .regions.one ul{columns:2}
  .terms-b{grid-template-columns:1fr 1fr}
  .tiles,.stat3,.def-facts,.regions{grid-template-columns:1fr 1fr}
  .tb-grid{grid-template-columns:1fr}.tb-grid .rail{border-right:0;border-bottom:1px solid var(--line);padding:0 0 16px;grid-template-columns:auto auto;gap:4px 16px}
  .founder-b .photo,.record-b .photo{max-width:320px}
}
@media (max-width:700px){
  .hero-b .actions{flex-direction:column;align-items:stretch}
  .hero-b .actions .btn{width:100%;text-align:center}
  .hero-b .display{max-width:none}
  .hb-screen .scr{padding:14px}
  .scr-row{grid-template-columns:1fr}.scr-note{grid-column:1}
  .route-b{gap:24px}
  .route-b::before{left:19px;transform:none}
  .route-b li,.route-b li:nth-child(even){grid-template-columns:40px minmax(0,1fr);gap:4px 14px;align-items:start}
  .route-b .node,.route-b li:nth-child(even) .node{grid-column:1;grid-row:1}
  .route-b .stop,.route-b li:nth-child(even) .stop{grid-column:2;grid-row:1;max-width:none;justify-self:stretch}
  .route-b .req,.route-b li:nth-child(even) .req{grid-column:2;grid-row:2;justify-self:start;text-align:left;padding:0 4px;max-width:none}
  .pleaves{grid-template-columns:1fr}
  .proute::before,.proute.one::before{display:none}
  .qb-facts{grid-template-columns:1fr 1fr}
  .nb-flow{grid-template-columns:1fr;gap:20px}
  .nb-flow::before{display:none}
  .nb-flow li{grid-template-columns:34px minmax(0,1fr);gap:4px 12px}
  .nb-flow .n{grid-row:1/4;margin:0}
  .nb-copy .btn{width:100%;text-align:center}
  .chbar{position:static;flex-direction:column;align-items:stretch;gap:0}
  .chbar .chk{border-right:0;border-bottom:1px solid var(--line);padding:10px 0}
  .chbar ol{flex-wrap:wrap;overflow:visible;mask-image:none;-webkit-mask-image:none;gap:2px 0;padding:6px 0}
  .chbar li{flex:1 1 100%}
  .chbar a{white-space:normal;width:100%;border-radius:var(--r-sm);padding:10px 8px;min-height:44px;align-items:flex-start}
  .chbar a b{padding-top:2px}
  .mx-hint,.mx-wrap{display:none}
  .mx-stack{display:grid}
  .regions.one ul{columns:2}
  .flist li{grid-template-columns:1fr}
  .flist .acts{border-left:0;padding-left:0;flex-direction:row;gap:4px 20px;flex-wrap:wrap}
  .ixtable th.type,.ixtable td.type{display:none}
  .ixtable thead{display:none}
  .ixtable .mtype{display:block}
  .ixb-row{flex-direction:column;align-items:flex-start}
  .form-wide fieldset[disabled]{opacity:.85}
  .terms-b,.tiles,.stat3,.def-facts,.regions,.qa-b,.crit-cards,.src2,.form-row.three,.steps-row,.trades-b{grid-template-columns:1fr}
  .terms-b>div{border-right:0;margin-right:0;border-bottom:1px solid var(--line);padding:14px 0}
  .qh{display:none}.qrow,.smr,.smh{grid-template-columns:1fr;gap:8px}.smh{display:none}
  .tl-b li{grid-template-columns:1fr;gap:4px;padding-left:24px}
  .tl-b li::before{left:4px}.tl-b li::after{left:0;transform:none;top:24px}
  .ringrow{grid-template-columns:1fr;justify-items:start}
  .lr{grid-template-columns:1fr auto;gap:4px 10px}.lr .l{grid-column:1/-1}.lr .stem{grid-column:1/-1;margin:6px 0}
  .ladder-b .b0,.ladder-b .b1{margin:0}
  .termledger>div{grid-template-columns:1fr;gap:6px}
  .crit{grid-template-columns:1fr}
  .cite-b,.author-b{grid-template-columns:1fr}
  .chapters-b .chapter{grid-template-columns:1fr;gap:10px}
  .matrix{font-size:14px}.matrix thead th{font-size:14px}

  .wk{height:90px}.wk b{display:none}
  .limits-b li{grid-template-columns:44px 1fr}
  .fb-facts{grid-template-columns:1fr}
  .terms-b-row{grid-template-columns:1fr}.terms-b-row ul{grid-template-columns:1fr}
  .fw-tabs{grid-template-columns:1fr}
  .fw-tabs button{border-right:0;border-bottom:1px solid var(--line);min-height:52px}
  .fw-tabs button[aria-selected="true"]{box-shadow:inset 4px 0 0 var(--citron)}
  .fw-work{grid-template-columns:1fr}
  .prog{position:static}
}
@media (max-width:430px){.regions.one ul{columns:1}.qb-facts{grid-template-columns:1fr}}
@media (max-width:400px){.matrix th,.matrix td{padding:10px 8px}.matrix .price{font-size:18px}}
@media (prefers-reduced-motion:reduce){.prog .track .fill{transition:none}}
