/* Site-selection film. Every selector carries the ss- prefix. Animated properties are transform, opacity, clip-path
   and filter only. Cohesive deep-forest analytical workbench with warm paper provenance interlude.
   The motif is one beam (Beam.astro) re-posed in every block; its tilt comes from --ss-tilt, --ss-tilt-a, --ss-tilt-blend. */
.ss-tool{--ss-night:#072d2b;--ss-forest:#0e4d4a;--ss-lab:#d4eee1;--ss-body:#e2f2ea;--ss-hi:#f4faf6;--ss-sage:#94d3ac;--ss-ochre:#e9b45e;--ss-line:#a8c4b552;--ss-rib:52px;font-variant-numeric:tabular-nums;min-width:0;position:relative;overflow-x:clip}
.ss-tool [hidden]{display:none!important}
.ss-tool :is(h2,h3){max-width:none}
.ss-tool a{text-underline-offset:4px}
.ss-tool button,.ss-tool input,.ss-tool summary{min-height:44px}
.ss-tool button{cursor:pointer;font:12px/1.4 var(--gft-font-mono);padding:12px 16px;border:1px solid #a8c4b5;background:transparent;color:var(--ss-hi)}
.ss-tool button:disabled{opacity:.45;cursor:default}
.ss-tool input{font:14px var(--gft-font-mono);color:var(--ss-hi);background:var(--ss-night);border:1px solid #6f9c86;padding:9px;max-width:100%;border-radius:0}
.ss-tool :is(input,button,summary,a,[tabindex]):focus-visible{outline:3px solid var(--gft-ochre);outline-offset:4px}
.ss-tool input[aria-invalid=true]{border:2px solid #f0a07a}
.ss-tool code{font:15px/1.9 var(--gft-font-mono)}
.ss-tag{font:12px var(--gft-font-mono);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;border:1px solid currentColor;padding:8px 10px;display:inline-flex;align-items:center;width:fit-content}
.ss-kicker{font:12px var(--gft-font-mono)!important;text-transform:uppercase;letter-spacing:.09em;margin-bottom:12px;color:var(--ss-lab)}
.ss-note{font:12.5px/1.75 var(--gft-font-mono)!important;margin-top:18px;max-width:90ch;color:var(--ss-lab)}
.ss-sec{position:relative;scroll-margin-top:64px}
.ss-sec::before{content:'';position:absolute;z-index:4;left:18px;top:-5px;width:9px;height:9px;border-radius:50%;background:var(--ss-night);border:2px solid var(--gft-ochre);pointer-events:none}
.ss-instrument::before,.ss-flip::before{display:none}
.ss-tool .gft-eyebrow,.gft-splash[data-splash=site-selection] .gft-eyebrow{font-size:12px}
.ss-tool .gft-cite{font-size:12px}

/* The beam: one arm, re-posed per block */
.ss-bm__arm{transition:transform 520ms var(--m-out)}
.ss-tilt--live{transform:rotate(var(--ss-tilt,0deg))}
.ss-tilt--a{transform:rotate(var(--ss-tilt-a,0deg))}
.ss-tilt--blend{transform:rotate(var(--ss-tilt-blend,0deg))}
.ss-tilt--level{transform:none}

/* Handover bridges between acts */
.ss-handover{position:relative;z-index:4;margin-top:clamp(26px,3.2vw,42px);padding:16px 22px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(180px,.9fr) auto;gap:20px;align-items:center;background:#0a3936;border:1px solid #6bb68f45;border-left:4px solid var(--ss-ochre);color:var(--ss-hi)}
.ss-handover__meta{display:grid;gap:4px;min-width:0}
.ss-handover__kicker{font:700 12px/1.3 var(--gft-font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ss-ochre)}
.ss-handover__meta strong{font:700 16px/1.35 var(--gft-font-display);color:var(--ss-hi)}
.ss-handover__svg{display:block;width:100%;max-width:360px;height:auto;margin-inline:auto;overflow:visible}
.ss-handover__read{display:grid;gap:2px;text-align:right;padding-left:16px;border-left:1px solid #a8c4b533}
.ss-handover__read span{font:12px/1.3 var(--gft-font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ss-lab)}
.ss-handover__read output{font:850 1.55rem/1.1 var(--gft-font-display);letter-spacing:-.04em;color:var(--ss-sage)}

/* The thread: one line from the first screen to the record, thicker as the gap widens */
.ss-thread{position:absolute;z-index:3;left:22px;top:0;bottom:0;width:6px;pointer-events:none;transform:scaleX(var(--ss-thick,.6));transform-origin:0 0;transition:transform 700ms var(--m-out);overflow-anchor:none}
.ss-thread::before{content:'';position:absolute;inset:0;background:#6bb68f40}
.ss-thread__fill{position:absolute;inset:0;background:linear-gradient(180deg,var(--gft-sage),#e9b45e 85%,#e9b45e);transform-origin:50% 0}
@supports (animation-timeline:view()){:root[data-m-go] .ss-thread__fill{animation-name:ss-lay;animation-duration:1ms;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range-start:cover 0%;animation-range-end:cover 100%}}
@keyframes ss-lay{from{transform:scaleY(0)}to{transform:scaleY(1)}}

/* ---------- 1 · Splash: the beam under the read-out, its cue thread falling to the foot ---------- */
.gft-splash[data-splash=site-selection] .gft-splash__structure{inset:6% 1% 0 40%;background:none;align-items:flex-start}
.gft-splash[data-splash=site-selection] .gft-splash__structure::after{display:none}
.gft-splash[data-splash=site-selection] .gft-structure{opacity:0}
.gft-splash[data-splash=site-selection] h1{font-size:clamp(3.7rem,6.7vw,7.5rem);max-width:8.2ch}
.gft-splash[data-splash=site-selection] .gft-splash__lede{max-width:34ch;font-size:clamp(15px,1.3vw,19px);color:#cfe6da}
.gft-splash[data-splash=site-selection] :is(.gft-splash__caption,.gft-splash__position,.gft-splash__signal,.gft-splash__data span,.gft-splash__cue){font-size:12px}
.gft-splash[data-splash=site-selection] :is(.gft-splash__caption,.gft-splash__position,.gft-splash__data){color:#cfe6da}
.ss-sp-wrap{position:relative;width:100%;height:91.5%;transform-origin:50% 100%;overflow-anchor:none}
.ss-sp{width:100%;height:100%;overflow:visible;display:block}
.ss-sp--phone{display:none}
.ss-sp__label{font:14px var(--gft-font-mono);fill:#d4eee1;letter-spacing:.04em}.ss-sp__tick{font:14px var(--gft-font-mono);fill:#c5e4d4}
.ss-sp__keep{font-size:15px}
.ss-sp__big{font:700 48px var(--gft-font-mono)}.ss-sp__big--c{fill:#94d3ac}.ss-sp__big--n{fill:#e9b45e}
.ss-spp__lab{font:13px var(--gft-font-mono);fill:#d4eee1;letter-spacing:.04em}.ss-spp__big{font:700 30px var(--gft-font-mono)}
.ss-sp__sweep{transform-origin:0 0}
:root[data-m-go] .ss-sp__sweep{animation-name:ss-radar-sweep;animation-duration:6400ms;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:normal}
@keyframes ss-radar-sweep{from{transform:translate(563px,206px) rotate(0deg)}to{transform:translate(563px,206px) rotate(360deg)}}
.ss-sp__pulse{transform-box:fill-box;transform-origin:50% 50%}
:root[data-m-go] .ss-sp__pulse{animation-name:ss-node-pulse;animation-duration:2400ms;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-iteration-count:infinite;animation-direction:alternate}
:root[data-m-go] .ss-sp__pulse--c{animation-delay:600ms}
@keyframes ss-node-pulse{from{transform:scale(.85);opacity:.35}to{transform:scale(1.22);opacity:.95}}
:root[data-m-go] .gft-splash[data-splash=site-selection] .gft-splash__structure{animation-name:ss-splash-arrive;animation-duration:900ms;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
@keyframes ss-splash-arrive{from{transform:translateX(22px);opacity:.2}to{transform:translateX(0);opacity:1}}
:root[data-m-go] .ss-sp__cue{animation-name:ss-cue;animation-duration:900ms;animation-delay:500ms;animation-timing-function:cubic-bezier(.65,0,.35,1);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
@keyframes ss-cue{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
@supports (animation-timeline:view()){:root[data-m-go] .ss-sp-wrap{animation-name:ss-sp-press;animation-duration:1ms;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--gft-splash;animation-range-start:exit 0%;animation-range-end:exit 75%}}
@keyframes ss-sp-press{from{transform:scale(1);opacity:1}to{transform:scale(.96);opacity:.7}}
@media(min-width:1001px){.gft-splash[data-splash=site-selection] .gft-splash__content{padding-bottom:52px;padding-top:70px}}

/* ---------- Ribbon: the live reading rides from the instrument to the record ---------- */
.ss-ribbon{position:sticky;top:0;z-index:30;background:var(--ss-night);color:var(--ss-hi);border-bottom:1px solid #6bb68f55}
.ss-ribbon__in{display:flex;align-items:center;gap:20px;height:var(--ss-rib);width:min(1440px,calc(100% - 96px));margin-inline:auto;font:12px var(--gft-font-mono)}
.ss-ribbon__tag{display:inline-flex;gap:8px;align-items:center;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;color:var(--ss-lab)}
.ss-ribbon__tag i{width:7px;height:7px;border-radius:50%;background:var(--gft-sage)}
.ss-ribbon__live{display:flex;align-items:center;gap:16px;flex:1;min-width:0}
.ss-ribbon__s{display:inline-flex;align-items:baseline;gap:8px;white-space:nowrap}
.ss-ribbon__s em{font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:var(--ss-lab)}
.ss-ribbon__s output{font:850 20px var(--gft-font-display);letter-spacing:-.04em}
.ss-ribbon__s--c output{color:#94d3ac}.ss-ribbon__s--n output{color:#e9b45e}
.ss-ribbon__beam{width:64px;height:26px;flex:none;overflow:visible}
.ss-ribbon__gap{white-space:nowrap;color:var(--ss-hi)}
.ss-ribbon__off{flex:1;color:#e9b45e}
.ss-ribbon__top{margin-left:auto;color:var(--ss-hi);text-decoration:none;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}

/* ---------- 2 · Instrument: a night bench; the readout pins while the controls are worked ---------- */
.ss-instrument{position:relative;background:var(--ss-night);color:var(--gft-paper);padding:clamp(32px,3.6vw,52px) 0 clamp(28px,3vw,44px);overflow:clip}
.ss-instrument__grid,.ss-stage__grid,.ss-gates__grid,.ss-closing__grid{position:absolute;inset:-20px;pointer-events:none;background-image:linear-gradient(#b4d4c50c 1px,transparent 1px),linear-gradient(90deg,#b4d4c50c 1px,transparent 1px);background-size:42px 42px}
.ss-bench{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,3.4vw,52px);align-items:start}
.ss-head{padding:4px 0 18px}
.ss-head h2{font-size:clamp(2rem,3vw,2.9rem);margin:12px 0 10px;max-width:18ch}
.ss-head__lede{font-size:16px;color:var(--ss-body)}
.ss-card{border:1px solid #6bb68f48;background:var(--ss-forest);margin:0 0 12px;padding:14px 18px 16px;min-width:0}
.ss-card>legend{float:left;width:100%;padding:0;margin:0 0 8px;font-size:19px;font-weight:800;letter-spacing:-.03em;color:var(--ss-hi)}
.ss-card>legend+*{clear:both}
.ss-controls p,.ss-controls small{font-size:14px;line-height:1.6;color:var(--ss-body);display:block}
.ss-presets p{margin-top:8px}
.ss-segments{display:grid;gap:6px}
.ss-segments label{position:relative}
.ss-segments input{position:absolute;left:12px;top:0;bottom:0;min-height:0;accent-color:var(--gft-ochre);background:none;border:0;padding:0;margin:auto 0;width:16px;height:16px}
.ss-segments span{display:flex;align-items:center;min-height:46px;padding:8px 10px 8px 38px;border:1px solid #a8c4b577;font-size:14px;line-height:1.3;background:#ffffff12;color:var(--ss-hi)}
.ss-segments input:checked+span{background:var(--gft-sage);color:var(--ss-night);border-color:var(--gft-sage);font-weight:700}
.ss-segments input:focus-visible+span{outline:3px solid var(--gft-ochre)}
.ss-segments--row{grid-template-columns:repeat(3,minmax(0,1fr))}.ss-segments--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.ss-weight{padding-block:6px;border-top:1px solid #a8c4b52e}
.ss-weight__heading{display:flex;gap:8px;justify-content:space-between;align-items:baseline}
.ss-weight__heading label{font-weight:650;font-size:15px;color:var(--ss-hi)}
.ss-weight__heading output{font:12.5px var(--gft-font-mono);white-space:nowrap;color:var(--ss-lab)}
.ss-weight__controls{display:grid;grid-template-columns:1fr 74px;gap:14px;align-items:center}
.ss-tool .ss-weight input[type=range]{width:100%;padding:0;background:none;border:none;-webkit-appearance:none;appearance:none;height:30px;min-height:30px;accent-color:var(--gft-sage)}
.ss-weight input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:repeating-linear-gradient(90deg,#072d2b 0 1px,transparent 1px 10%),linear-gradient(#5f9a84,#5f9a84)}
.ss-weight input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:repeating-linear-gradient(90deg,#072d2b 0 1px,transparent 1px 10%),linear-gradient(#5f9a84,#5f9a84)}
.ss-weight input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-9px;border-radius:50%;background:var(--gft-sage);border:3px solid var(--ss-night);box-shadow:0 0 0 2px var(--gft-sage)}
.ss-weight input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--gft-sage);border:3px solid var(--ss-night);box-shadow:0 0 0 2px var(--gft-sage)}
.ss-tool .ss-weight input[type=number]{width:74px;text-align:right;min-height:40px;padding:6px 8px}
.ss-score-editor summary{display:list-item;font-weight:750;font-size:17px;cursor:pointer;color:var(--ss-hi);padding-top:8px}
.ss-score-editor[open] summary{margin-bottom:6px}
.ss-score-row,.ss-score-head{display:grid;grid-template-columns:minmax(0,1fr) 74px 74px;gap:12px;align-items:center;font-size:14px;padding-block:3px}
.ss-score-head{font:12px var(--gft-font-mono);color:var(--ss-lab);text-transform:uppercase}.ss-tool .ss-score-row input{width:74px;text-align:right;min-height:40px;padding:6px 8px}
.ss-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
.ss-tool .ss-actions [data-ss-share-button]{background:var(--gft-sage);color:var(--ss-night);border-color:var(--gft-sage);font-weight:700}
.ss-link-label{display:block;margin-top:14px;font:12px var(--gft-font-mono);line-height:1.8;color:var(--ss-lab)}
.ss-link-label input{width:100%;font-size:12px;margin-top:6px}
.ss-message{min-height:2em;font-size:13px!important;color:var(--ss-lab);margin:6px 0 0}
.ss-notice{display:flex;gap:20px;align-items:center;margin-top:8px;padding:16px 20px;background:#ffffff12;border-left:3px solid var(--gft-sage)}
.ss-notice .ss-tag{color:var(--ss-lab)}
.ss-notice p{margin:0;font-size:14px;line-height:1.6;color:var(--ss-body);max-width:60ch}
.ss-bench__end{display:block;height:1px}
.ss-results{align-self:stretch;position:relative;z-index:2;min-width:0}
.ss-readout{position:sticky;top:calc(var(--ss-rib) + 14px);color:var(--gft-paper);background:#0a3936;border:1px solid #6bb68f48;padding:20px 22px 16px;isolation:isolate;box-shadow:0 30px 80px #0006}
.ss-readout__head{display:flex;justify-content:space-between;align-items:center;color:var(--ss-lab)}
.ss-indicator{width:8px;height:8px;background:var(--gft-sage);border-radius:50%}
.ss-metrics{display:grid;grid-template-columns:1fr 1fr;margin-block:12px 8px;gap:18px}
.ss-metrics>div{display:flex;flex-direction:column;min-width:0}
.ss-metrics span{font-size:13px;color:var(--ss-body)}
.ss-metrics output{font-size:clamp(2.6rem,4.4vw,4.4rem);font-weight:850;letter-spacing:-.065em;line-height:1.1;display:block;min-height:1.1em}
.ss-metrics>div:first-child output{color:#94d3ac}.ss-metrics>div:last-child output{color:#e9b45e}
.ss-metrics small{font:12px var(--gft-font-mono);color:var(--ss-lab)}
.ss-verdict{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:10px 0;border-block:1px solid #a8c4b53b}
.ss-verdict strong{font-size:19px}.ss-verdict span{font:13px var(--gft-font-mono);color:var(--ss-body)}
.ss-charts{display:grid;grid-template-columns:.8fr 1fr;align-items:center;margin-top:4px}
.ss-chart{width:100%;height:clamp(220px,36svh,320px);margin-top:4px;overflow:visible}
.ss-chart__label{font:17px var(--gft-font-mono);fill:#e2f2ea}.ss-chart__eyebrow{font:16px var(--gft-font-mono);letter-spacing:.5px;fill:#d4eee1}.ss-chart__tick{font:16px var(--gft-font-mono);fill:#d4eee1}
.ss-radar{transition:opacity 500ms var(--m-soft)}
.ss-ext{transform-box:fill-box;transform-origin:0 50%;transform:scaleX(0);transition:transform 700ms var(--m-out)}
.ss-ext__lab{font:15px var(--gft-font-mono);fill:#e9b45e;letter-spacing:.04em;opacity:0;transition:opacity 400ms var(--m-soft) 300ms}
.ss-readout[data-state=b] .ss-radar{opacity:.18}
.ss-readout[data-state=b] .ss-ext{transform:scaleX(1)}
.ss-readout[data-state=b] .ss-ext--radar{transition-delay:180ms}
.ss-readout[data-state=b] .ss-ext__lab{opacity:1}
.ss-interpretation{padding-top:6px}
.ss-interpretation .ss-kicker{margin-bottom:6px}
.ss-interpretation p{font-size:14px;line-height:1.55;color:var(--ss-hi);margin-bottom:6px}
.ss-readout .ss-chart-note{color:var(--ss-lab);font:12px/1.6 var(--gft-font-mono);margin:0}
.ss-error{padding:20px;margin-top:18px;background:#f0ddc6;color:#653b0d;border:1px solid #a26e21;font-size:16px}

/* ---------- 3 · Register: full-bleed mobile with layered perspective switcher, 4-col ledger and pinned reading ---------- */
.ss-register{background:#08312f;color:var(--gft-paper);padding:clamp(28px,3.6vw,48px) 0 clamp(32px,4vw,56px);border-top:1px solid #6bb68f2e}
.ss-reg__head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,4vw,56px);align-items:end;margin-bottom:18px}
.ss-reg__head h2{font-size:clamp(2.1rem,3.8vw,3.5rem);margin-top:12px;max-width:15ch}
.ss-reg__lede{font-size:16px;margin:0;color:var(--ss-body);max-width:48ch}
.ss-persp{border:0;margin:0;padding:0;flex:1;min-width:280px}.ss-persp legend{font:700 12px var(--gft-font-mono);text-transform:uppercase;letter-spacing:.09em;margin-bottom:8px;color:var(--ss-lab)}
.ss-mob{margin:0 0 24px;padding:18px 22px 16px;background:#0a3c39;border:1px solid #6bb68f4d;box-shadow:0 22px 60px #0004}
.ss-mob__overlay{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 28px;padding-bottom:14px;margin-bottom:8px;border-bottom:1px solid #a8c4b538}
.ss-mob__state{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ss-mob__badge{font:700 12px/1.2 var(--gft-font-mono);text-transform:uppercase;letter-spacing:.07em;padding:8px 12px;background:#072d2b;border:1px solid var(--ss-ochre);color:var(--ss-ochre)}
.ss-mob__stat{font:13px var(--gft-font-mono);color:var(--ss-body)}
.ss-mob__stat strong{font:850 1.45rem/1 var(--gft-font-display);color:var(--ss-sage);margin-inline:4px}
.ss-mob svg{display:block;width:100%;height:auto;min-height:250px;overflow:visible}
.ss-mob figcaption{font:12.5px/1.6 var(--gft-font-mono);color:var(--ss-lab);margin-top:8px;padding-top:10px;border-top:1px solid #a8c4b529}
.ss-mob figcaption output{color:var(--ss-hi);font-weight:700}
.ss-mob__side{font:700 13.5px var(--gft-font-mono);fill:#d4eee1;letter-spacing:.09em}
.ss-mob__axis{font:12.5px var(--gft-font-mono);fill:#e9b45e;letter-spacing:.08em}
.ss-mob__ref{transition:stroke-opacity 360ms}
.ss-mob[data-preset=balanced] .ss-mob__ref--balanced,.ss-mob[data-preset=logistics] .ss-mob__ref--logistics,.ss-mob[data-preset=north] .ss-mob__ref--north{stroke-opacity:.72;stroke-width:2.2}
.ss-mob__w{cursor:pointer;transform:translate(calc(var(--x) * 1px),calc((var(--x) - 600) * sin(var(--ss-tilt,0deg)) * 1px));transition:transform 650ms var(--m-out)}
.ss-mob__str{stroke:#d4eee1;stroke-opacity:.65;stroke-width:1.4;fill:none}
.ss-mob__lift{transition:transform 360ms var(--m-out),opacity 300ms}
.ss-mob__bob{stroke:#072d2b;stroke-width:2.2}
.ss-mob__k{font:700 14.5px var(--gft-font-mono);fill:#e2f2ea}
.ss-mob__v{font:700 16.5px var(--gft-font-mono);fill:#ffffff}
.ss-mob[data-hot] .ss-mob__lift{opacity:.68}
.ss-mob[data-hot=power] [data-k=power] .ss-mob__lift,.ss-mob[data-hot=port] [data-k=port] .ss-mob__lift,.ss-mob[data-hot=population] [data-k=population] .ss-mob__lift,.ss-mob[data-hot=cotton] [data-k=cotton] .ss-mob__lift,.ss-mob[data-hot=wage] [data-k=wage] .ss-mob__lift,.ss-mob[data-hot=training] [data-k=training] .ss-mob__lift,.ss-mob[data-hot=hub] [data-k=hub] .ss-mob__lift{transform:translateY(-10px);opacity:1}
.ss-reg__grid{display:grid;grid-template-columns:minmax(0,1.52fr) minmax(310px,.92fr);gap:clamp(28px,3.6vw,52px);align-items:start}
.ss-table-wrap{overflow-x:auto;background:#0a3936;border:1px solid #6bb68f45;padding:14px 16px}
.ss-tool .ss-reg__table{border-collapse:collapse;width:100%;font-size:15.5px;margin-top:0}
.ss-tool .ss-reg__table caption{text-align:left;font-size:13.5px;line-height:1.55;color:var(--ss-body);padding-bottom:12px}
.ss-tool .ss-reg__table :is(th,td){padding:11px 10px;text-align:left;vertical-align:middle;border-bottom:1px solid #a8c4b538;color:var(--ss-hi)}
.ss-tool .ss-reg__table thead th{font:700 12.5px var(--gft-font-mono);color:var(--ss-lab);text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid #6bb68f55}
.ss-reg__table tbody tr{transition:background-color 240ms}
.ss-reg__table tbody tr:hover{background:#0e4844}
.ss-reg__table tbody tr[data-active]{background:#125853}
.ss-reg__table tbody tr[data-active] th button{box-shadow:inset 5px 0 0 var(--gft-ochre);color:#fff}
.ss-reg__table td output{font:700 14.5px var(--gft-font-mono);color:var(--ss-hi)}
.ss-tool .ss-reg__table th button{border:0;padding:6px 8px 6px 14px;text-align:left;font:700 16px/1.3 var(--gft-font-display);color:var(--ss-hi);min-width:120px}
.ss-s{display:none}
.ss-tool .ss-num{text-align:left;white-space:nowrap}
.ss-num__pair{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;background:#072d2b;border:1px solid #6bb68f45;font:700 14px var(--gft-font-mono)}
.ss-num__c{color:#94d3ac!important}.ss-num__sep{color:var(--ss-lab);opacity:.75}.ss-num__n{color:#e9b45e!important}
.ss-share{display:grid;grid-template-columns:56px 76px 14px;gap:8px;align-items:center}
.ss-share__bar,.ss-bar{display:block;height:9px;background:#1d4e48;position:relative;overflow:hidden}
.ss-share__bar b,.ss-bar b{display:block;position:absolute;inset:0;background:var(--gft-sage);transform-origin:0 50%;transition:transform 500ms var(--m-out)}
.ss-share em{font-style:normal;font-size:12px;color:var(--ss-ochre)}
.ss-contribution{display:grid;grid-template-columns:minmax(84px,1fr) 64px;gap:10px;align-items:center}
.ss-contribution-track{height:11px;background:linear-gradient(to right,transparent 49.5%,#d4eee1 49.5%,#d4eee1 50.5%,transparent 50.5%),#072d2b;position:relative;display:block}
.ss-contribution-track i{display:block;position:absolute;left:50%;width:50%;height:11px;background:var(--gft-sage);transform-origin:left;transition:transform 500ms var(--m-out)}
.ss-contribution-track i[data-sign=negative]{left:0;background:var(--ss-ochre);transform-origin:right}
.ss-contribution output{text-align:right}
.ss-register .ss-note{color:var(--ss-lab)}
.ss-more{margin-top:16px;border-top:1px solid var(--ss-line);padding-top:8px}
.ss-more summary{font-weight:700;font-size:16px;cursor:pointer;display:list-item;color:var(--ss-hi);align-content:center}
.ss-more p{font-size:15px;margin-top:14px;color:var(--ss-body)}
.ss-basis-list{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:12px}.ss-basis-list li{display:grid;gap:3px;font-size:14px;line-height:1.55;color:var(--ss-body)}.ss-basis-list span:last-child{color:var(--ss-lab);font:12px/1.7 var(--gft-font-mono)}
.ss-pin{position:sticky;top:calc(var(--ss-rib) + 16px);background:var(--ss-forest);color:var(--gft-paper);padding:clamp(22px,2.4vw,32px);border:1px solid #6bb68f45;border-left:6px solid var(--gft-ochre);box-shadow:0 20px 50px #0004}
.ss-pin h3{font-size:clamp(1.5rem,2.2vw,2.1rem);margin-bottom:2px}
.ss-pin__big{font:850 clamp(4.2rem,6.5vw,6.4rem)/1 var(--gft-font-display)!important;letter-spacing:-.07em;color:#94d3ac!important;margin:6px 0 4px!important;max-width:none}
.ss-pin__cap{font:12px var(--gft-font-mono)!important;text-transform:uppercase;letter-spacing:.08em;color:var(--ss-lab)!important;margin:0 0 16px!important}
.ss-pin__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 14px;padding-top:14px;border-top:1px solid #a8c4b540}.ss-pin__grid dt{font:12px/1.3 var(--gft-font-mono);text-transform:uppercase;color:var(--ss-lab)}.ss-pin__grid dd{margin:4px 0 0;font:800 clamp(1.8rem,2.6vw,2.5rem)/1 var(--gft-font-display);letter-spacing:-.05em;color:var(--ss-hi)}
.ss-pin__eff dd{color:#e9b45e}
.ss-pin p{font-size:15px;line-height:1.55;color:var(--ss-body);margin-bottom:8px}.ss-pin__anchor{color:var(--ss-lab)!important;font:12.5px/1.65 var(--gft-font-mono)}
.ss-pin__without strong{color:var(--ss-hi)}
.ss-handa{position:relative;z-index:5;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.9fr) minmax(0,1fr);gap:24px;align-items:center;margin-top:28px;padding:16px 22px;background:#0a3936;border:1px solid #6bb68f45;border-left:4px solid var(--ss-ochre);overflow-anchor:none}
.ss-handa__meta{display:grid;gap:4px}
.ss-handa__meta strong{font:700 16px/1.35 var(--gft-font-display);color:var(--ss-hi)}
.ss-handa svg{width:100%;height:auto;max-height:76px;overflow:visible}
.ss-handa p{font:12.5px/1.55 var(--gft-font-mono);color:#e9b45e;margin:0}

/* ---------- 4 · Compare: cohesive deep-forest slate act, dual-beam record ---------- */
.ss-compare{background:#093532;color:var(--gft-paper);padding:clamp(36px,4.5vw,64px) 0 clamp(28px,3.5vw,44px);border-top:1px solid #6bb68f33}
.ss-compare__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:end;margin-bottom:22px}
.ss-compare h2{font-size:clamp(2.2rem,4vw,3.8rem);max-width:13ch;margin-top:12px;color:var(--ss-hi)}
.ss-compare__head>p{font-size:16.5px;max-width:48ch;color:var(--ss-body);margin:0}
.ss-cpanel{background:var(--ss-night);color:var(--gft-paper);padding:clamp(20px,2.5vw,32px);border:1px solid #6bb68f48;position:relative;box-shadow:0 24px 64px #0005}
.ss-cpanel__grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:clamp(24px,3.4vw,48px);align-items:start}
.ss-ov{margin:0;min-width:0;position:relative;padding:14px 16px;background:#0a3936;border:1px solid #6bb68f38}
.ss-cbeams{display:block;width:100%;max-width:560px;height:auto;margin:0 auto 6px;overflow:visible}
.ss-cbeams__k{font:700 18px var(--gft-font-mono)}.ss-cbeams__k--a{fill:#e9b45e}.ss-cbeams__k--b{fill:#94d3ac}
.ss-ov figcaption{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;font:12px/1.4 var(--gft-font-mono);color:var(--ss-body);margin-bottom:4px}
.ss-ov__key{display:inline-flex;gap:10px;align-items:center}
.ss-ov__key .ss-tag{padding:6px 8px}
.ss-ov__key i{display:block;width:30px;height:0;border-top:3px solid #94d3ac}.ss-ov__key--a i{border-top:3px dashed #e9b45e}
.ss-ov__plot{position:relative;aspect-ratio:480/448;max-width:420px;margin-inline:auto;touch-action:pan-y;cursor:ew-resize;user-select:none;-webkit-user-select:none}
.ss-ov__base{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}
.ss-ov__layer{position:absolute;inset:0;pointer-events:none}
.ss-ov__layer svg{display:block;width:100%;height:100%}
.ss-ov__layer--a{clip-path:inset(0 calc(100% - var(--ss-split,50%)) 0 0)}
.ss-ov__layer--b{clip-path:inset(0 0 0 var(--ss-split,50%))}
.ss-ov__poly{transform-origin:240px 224px}
.ss-ov__lab{font:18.5px var(--gft-font-mono);fill:#e2f2ea}.ss-ov__ring{font:18.5px var(--gft-font-mono);fill:#d4eee1}
.ss-ov[data-empty=true] .ss-ov__layer--a,.ss-ov[data-empty=true] .ss-ov__thin--a{opacity:.12}
.ss-ov__handle{position:absolute;top:-6px;bottom:-6px;left:var(--ss-split,50%);width:0;border-left:2px solid #fff;pointer-events:none}
.ss-ov__handle b{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);background:#fff;color:var(--ss-night);font:700 12px/1 var(--gft-font-mono);letter-spacing:.06em;padding:9px 10px;border-radius:999px;white-space:nowrap}
.ss-ov__handle i{position:absolute;top:50%;left:0;width:64px;height:40px;margin:-20px 0 0 -32px;border-radius:999px;border:2px solid #ffffffb0;pointer-events:none}
.ss-ov[data-touched] .ss-ov__handle i{display:none}
.ss-ov__wipe{display:grid;gap:2px;margin-top:10px;font:12px/1.4 var(--gft-font-mono);color:var(--ss-body)}
.ss-tool .ss-ov__wipe input{padding:0;border:0;background:none;width:100%;min-height:44px;accent-color:#fff;cursor:ew-resize}
.ss-ab__empty{font-size:14px!important;color:#e9b45e;margin:8px 0 0}
.ss-ab__mid{display:grid;gap:12px;min-width:0;padding:16px 18px;background:#0a3936;border:1px solid #6bb68f38}
.ss-delta{display:grid;grid-template-columns:30px auto minmax(60px,1fr);gap:4px 14px;align-items:center}
.ss-delta__k{font:800 1.5rem var(--gft-font-display);letter-spacing:-.04em}
.ss-delta output{font:850 clamp(2.8rem,5vw,4.8rem)/1 var(--gft-font-display);letter-spacing:-.07em;text-align:left}
.ss-delta--a .ss-delta__k,.ss-delta--a output{color:#e9b45e}.ss-delta--b .ss-delta__k,.ss-delta--b output{color:#94d3ac}
.ss-delta__track{display:block;position:relative;height:16px;background:linear-gradient(to right,transparent 49.5%,#d4eee1 49.5%,#d4eee1 50.5%,transparent 50.5%),#174641}
.ss-delta__track b{position:absolute;top:0;bottom:0;left:50%;width:50%;transform-origin:0 50%;transition:transform 600ms var(--m-out)}
.ss-delta--a .ss-delta__track b{background:#e9b45e}.ss-delta--b .ss-delta__track b{background:#94d3ac}
.ss-delta__track b[data-sign=negative]{left:0}
.ss-ab__verdict{font-size:16px!important;line-height:1.55;margin:0;color:var(--ss-hi)}
.ss-ab__change{font:700 14px/1.5 var(--gft-font-mono)!important;color:var(--ss-hi);margin:0;padding:10px 14px;background:#ffffff12;border-left:3px solid var(--gft-ochre)}
.ss-ab__scores{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:2px 0 0}
.ss-ab__scores dt{font:12px/1.3 var(--gft-font-mono);text-transform:uppercase;color:var(--ss-lab)}
.ss-ab__scores dd{margin:0;font:850 1.7rem/1.1 var(--gft-font-display);letter-spacing:-.05em;color:var(--ss-hi)}
.ss-ab__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.ss-cpanel__foot{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:clamp(24px,3.4vw,48px);margin-top:20px;padding-top:20px;border-top:1px solid #a8c4b538}
.ss-shares{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}
.ss-shares li{display:grid;grid-template-columns:76px minmax(0,1fr) 116px;gap:10px;align-items:center;font:12.5px/1.3 var(--gft-font-mono);color:var(--ss-hi)}
.ss-shares__bars{display:grid;gap:3px}
.ss-shares__bars b{display:block;height:6px;transform-origin:0 50%;transition:transform 500ms var(--m-out)}
.ss-shares__a{background:#e9b45e}.ss-shares__b{background:#94d3ac}
.ss-shares output{text-align:right;white-space:nowrap}
.ss-ab__table{overflow-x:auto}
.ss-tool .ss-ab__table table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.5;margin:0}
.ss-tool .ss-ab__table :is(th,td){padding:10px 10px;text-align:left;border-bottom:1px solid #a8c4b540;color:var(--ss-hi)}
.ss-tool .ss-ab__table thead th{font:12px var(--gft-font-mono);color:var(--ss-lab);text-transform:uppercase}
.ss-tool .ss-ab__table caption{text-align:left;font-size:13px;padding-bottom:8px;color:var(--ss-body)}
.ss-cpanel .ss-note{margin-top:12px}

/* ---------- 5 · Method: unified dark architectural workbench; operable step cards ---------- */
.ss-method{background:var(--ss-night);color:var(--gft-paper);padding:clamp(32px,3.8vw,52px) 0 clamp(28px,3.5vw,44px);border-top:1px solid #6bb68f33}
.ss-method__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:end;margin-bottom:24px}
.ss-method h2{font-size:clamp(2.2rem,4vw,3.8rem);max-width:14ch;margin-top:12px;color:var(--ss-hi)}
.ss-method__head>p{font-size:16.5px;max-width:50ch;color:var(--ss-body);margin:0}
.ss-method__head a{color:var(--ss-sage)}
.ss-steps.mw-steps{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(28px,3.6vw,56px);align-items:start}
.ss-steps>.mw-steps__visual{position:sticky;top:calc(var(--ss-rib) + 12px);height:calc(100svh - var(--ss-rib) - 24px);min-height:0;display:flex;flex-direction:column;align-self:start;order:0}
.ss-stage{background:#0a3936;border:1px solid #6bb68f48;color:var(--gft-paper);padding:18px 22px;overflow:hidden;isolation:isolate;box-shadow:0 24px 64px #0005}
.ss-stage>*:not(.ss-stage__grid){position:relative}
.ss-stage__head{display:flex;justify-content:space-between;align-items:center;color:var(--ss-lab)}
.ss-dots{display:flex;gap:6px;list-style:none;margin:0;padding:0}.ss-dots li{width:28px;height:5px;background:#6bb68f45;transition:background-color 400ms}
.ss-steps:not([data-step]) .ss-dots li:nth-child(1),.ss-steps[data-step="0"] .ss-dots li:nth-child(1),.ss-steps[data-step="1"] .ss-dots li:nth-child(-n+2),.ss-steps[data-step="2"] .ss-dots li:nth-child(-n+3),.ss-steps[data-step="3"] .ss-dots li{background:var(--gft-ochre)}
.ss-stage__state{display:block;margin:10px 0 0;font:700 12.5px/1.4 var(--gft-font-mono);letter-spacing:.1em;text-transform:uppercase;color:#e9b45e}
.ss-stage__state::after{content:'1 of 4: priority shares'}
.ss-steps[data-step="0"] .ss-stage__state::after{content:'1 of 4: priority shares'}.ss-steps[data-step="1"] .ss-stage__state::after{content:'2 of 4: share times score'}.ss-steps[data-step="2"] .ss-stage__state::after{content:'3 of 4: the reconciled gap'}.ss-steps[data-step="3"] .ss-stage__state::after{content:'4 of 4: where one share flips it'}
.ss-stage__beam{display:block;width:100%;height:auto;max-height:24svh;flex:none;margin:8px 0 10px;overflow:visible;transition:opacity 400ms var(--m-soft)}
.ss-stage__beam .ss-bm__arm{transition:transform 700ms var(--m-out)}
.ss-steps[data-step="2"] .ss-stage__beam .ss-bm__arm{transform:rotate(var(--ss-tilt,0deg))}
.ss-hook__w{transform-box:fill-box;transform-origin:50% 50%;transform:scale(0);transition:transform 500ms var(--m-out)}
.ss-steps[data-step="1"] .ss-hook__w,.ss-steps[data-step="2"] .ss-hook__w,.ss-steps[data-step="3"] .ss-hook__w{transform:scale(1)}
.ss-pans{opacity:.45;transition:opacity 400ms var(--m-soft)}
.ss-steps[data-step="1"] .ss-pans,.ss-steps[data-step="2"] .ss-pans,.ss-steps[data-step="3"] .ss-pans{opacity:1}
.ss-pan__t{font:700 22px var(--gft-font-mono);opacity:0;transition:opacity 400ms var(--m-soft) 200ms}.ss-pan__t--c{fill:#94d3ac}.ss-pan__t--n{fill:#e9b45e}
.ss-steps[data-step="1"] .ss-pan__t,.ss-steps[data-step="2"] .ss-pan__t{opacity:1}
.ss-stage__tiltlab{font:700 15px var(--gft-font-mono);fill:#e9b45e;opacity:0;transition:opacity 400ms var(--m-soft) 300ms}
.ss-steps[data-step="2"] .ss-stage__tiltlab{opacity:1}
.ss-steps[data-step="3"] .ss-stage__beam{opacity:.55}
.ss-stage__body{display:grid;flex:1;min-height:0;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}
.ss-stage__p{grid-area:1/1;min-width:0;min-height:0;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity 180ms linear,visibility 0s linear 180ms}
.ss-steps:not([data-step]) .ss-st--0,.ss-steps[data-step="0"] .ss-st--0,.ss-steps[data-step="1"] .ss-st--1,.ss-steps[data-step="2"] .ss-st--2,.ss-steps[data-step="3"] .ss-st--3{opacity:1;visibility:visible;transition:opacity 320ms var(--m-soft) 90ms,visibility 0s linear 90ms}
.ss-stage__cap{font-size:15px!important;line-height:1.5;color:var(--ss-hi);margin-bottom:12px;min-height:2.8em;max-width:none}.ss-stage__cap b{color:#e9b45e}
.ss-stage__fine{font:12px/1.6 var(--gft-font-mono)!important;color:var(--ss-lab);margin-top:8px;max-width:none}
.ss-bars{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.ss-stage .ss-bars{flex:1 1 0;min-height:0;align-content:space-evenly;padding-bottom:8px}
.ss-stage .ss-bars .ss-bar{height:16px}.ss-stage .ss-bars li{font-size:13.5px}
.ss-bars li{display:grid;grid-template-columns:82px 1fr 70px;gap:12px;align-items:center;font:12.5px var(--gft-font-mono);color:var(--ss-body)}
.ss-bars--two li{grid-template-columns:82px 1fr 1fr 96px}
.ss-bars li[data-top]{color:#fff;font-weight:700}.ss-bars li[data-top] .ss-bar b{background:#e9b45e}
.ss-bars .ss-bar{height:10px;background:#1d4e48}.ss-bars .ss-bar b{background:#94d3ac}.ss-bars .ss-bar--n b{background:#e9b45e}
.ss-bars output{text-align:right}
.ss-wf{display:block;width:100%;height:auto;max-height:36svh;overflow:visible}
.ss-stage .ss-wf,.ss-stage .ss-flipchart--stage{flex:1 1 0;min-height:0;height:100%;max-height:none;margin-top:6px}
.ss-wf__v{font:700 15px var(--gft-font-mono);fill:#f4faf6}.ss-wf__v--t{fill:#e9b45e;font-size:17px}
.ss-wf__k{font:14px var(--gft-font-mono);fill:#d4eee1}
.ss-wf__b{transform-box:view-box}
.ss-flipchart{width:100%;height:auto;overflow:visible}
.ss-flipchart--stage{display:block;max-height:40svh}
.ss-fl__tick{font:12px var(--gft-font-mono);fill:#d4eee1}.ss-fl__lab{font:13px var(--gft-font-mono);letter-spacing:.06em}
.ss-stage__err{font-size:15px;color:#e9b45e}
.ss-track{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.mw-steps__track.ss-track>li{min-height:58svh;align-content:center;position:relative;padding:6px 0 6px 24px}
.mw-steps__track.ss-track>li:first-child{min-height:52svh;align-content:start;padding-top:0}
.mw-steps__track.ss-track>li:last-child{min-height:92svh}
.ss-track>li::before{background:#6bb68f55}
.ss-track>li>*{position:relative}
.ss-stepcard{background:#0b3936;border:1px solid #6bb68f45;padding:22px 24px;display:grid;gap:14px;position:relative;transition:background-color 320ms,border-color 320ms}
.ss-track>li[data-active] .ss-stepcard{background:#0f4945;border-color:var(--ss-ochre);box-shadow:inset 4px 0 0 var(--ss-ochre)}
.ss-stepcard__head{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding-bottom:12px;border-bottom:1px solid #a8c4b533}
.ss-stepcard__kicker{display:block;font:700 12px/1.3 var(--gft-font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ss-ochre);margin-bottom:4px}
.ss-track__num{display:inline-grid;place-items:center;width:54px;height:54px;background:#072d2b;border:1px solid #6bb68f55;pointer-events:none}
.ss-track__num::before{content:attr(data-n);position:static;font:850 1.65rem/1 var(--gft-font-display);letter-spacing:-.05em;color:var(--ss-sage);-webkit-text-stroke:0;opacity:1}
.ss-track>li[data-active] .ss-track__num{border-color:var(--ss-ochre)}.ss-track>li[data-active] .ss-track__num::before{color:var(--ss-ochre)}
.ss-track>li h3{font-size:clamp(1.35rem,2vw,1.8rem);margin:0;color:var(--ss-hi)}
.ss-track>li p{font-size:15.5px;line-height:1.55;max-width:52ch;margin:0;color:var(--ss-body)}
.ss-track code{display:inline-block;font-size:14px;line-height:1.45;color:var(--ss-ochre);background:#072d2b;border:1px solid #6bb68f40;padding:8px 12px;transition:background-color 320ms,color 320ms,border-color 320ms}
.ss-track>li[data-active] code{border-color:var(--ss-ochre);color:#fff}
.ss-track .ss-live{font:12px/1.5 var(--gft-font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ss-lab);margin:0;padding:12px 16px;background:#072d2b;border-left:4px solid var(--gft-ochre)}
.ss-track .ss-live output{display:block;margin-top:4px;font:800 clamp(1.2rem,1.75vw,1.55rem)/1.2 var(--gft-font-display);text-transform:none;letter-spacing:-.03em;color:var(--ss-hi)}
.ss-stepcard__ctrl{display:grid;gap:8px;padding-top:10px;border-top:1px solid #a8c4b52e}
.ss-stepcard__ctrl label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font:700 12.5px var(--gft-font-mono);color:var(--ss-hi)}
.ss-stepcard__ctrl label output{color:var(--ss-sage)}
.ss-stepcard__sub{font:700 12px var(--gft-font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ss-lab)}
.ss-tool .ss-stepcard__ctrl input[type=range]{width:100%;padding:0;background:none;border:0;min-height:32px;accent-color:var(--ss-sage);cursor:ew-resize}
.ss-mpick{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.ss-tool .ss-mpick button{color:var(--ss-hi);border-color:#6bb68f66;background:#072d2b;padding:8px 12px;min-height:38px}
.ss-tool .ss-mpick button[aria-pressed=true]{background:var(--ss-ochre);color:var(--ss-night);border-color:var(--ss-ochre);font-weight:700}

/* ---------- 6 · Flip: header cleanly above the full-bleed sensitivity stage; high-contrast rows ---------- */
.ss-flip{position:relative;isolation:isolate;color:var(--gft-paper);padding:0 0 clamp(36px,4.5vw,60px);border-top:1px solid #6bb68f33;view-timeline-name:--ss-iris;view-timeline-axis:block}
.ss-flip__ground{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#062826,#072d2b);overflow:hidden;overflow-anchor:none}
.ss-flip__warp{position:absolute;left:-3%;top:-3%;width:106%;height:106%}
@supports (animation-timeline:view()){:root[data-m-go] .ss-flip__ground{animation-name:ss-iris;animation-duration:1ms;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--ss-iris;animation-range-start:entry 0%;animation-range-end:entry 55%}}
@keyframes ss-iris{from{clip-path:circle(0% at 30% 0%)}to{clip-path:circle(150% at 30% 0%)}}
.ss-flip__top{position:relative;display:flex;flex-direction:column}
.ss-flip__head{position:relative;padding:clamp(36px,4.5vw,56px) 0 22px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,4vw,56px);align-items:end;z-index:4}
.ss-flip h2{font-size:clamp(2.3rem,4.4vw,4.4rem);max-width:13ch;margin:12px 0 0;color:var(--ss-hi)}
.ss-flipbig{display:grid;gap:4px;justify-items:start;padding:18px 22px;background:#0a3936;border:1px solid #6bb68f45;border-left:4px solid #e9b45e}
.ss-flipbig__k{font:700 12px var(--gft-font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ss-lab)}
.ss-flipbig__crit{font-size:20px;font-weight:700;color:var(--ss-hi)}
.ss-flipbig__num{font-size:clamp(3.2rem,5.8vw,5.6rem);font-weight:850;letter-spacing:-.07em;line-height:1.02;color:#e9b45e;display:block}
.ss-flipbig__t{font-size:14.5px;line-height:1.5;color:var(--ss-body);max-width:42ch;margin:0}
.ss-flip__stage{position:relative;height:clamp(380px,54svh,520px);container-type:size;touch-action:pan-y;cursor:ew-resize;border-block:1px solid #6bb68f45;background:#05222088}
.ss-gl__fields,.ss-gl__line,.ss-gl__line svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.ss-gl__line{pointer-events:none}
.ss-gl__lab{position:absolute;left:6%;font:700 12.5px var(--gft-font-mono);letter-spacing:.1em;text-transform:uppercase;pointer-events:none}
.ss-gl__lab--up{top:calc(var(--zy) * 1% - 30px);color:#94d3ac}.ss-gl__lab--down{top:calc(var(--zy) * 1% + 12px);color:#e9b45e}
.ss-gl__tick{position:absolute;top:91.5%;left:0;transform:translateX(calc(var(--px) * 1cqw - 50%));font:700 12.5px var(--gft-font-mono);color:var(--ss-hi);pointer-events:none}
.ss-gl__mark{position:absolute;left:0;top:0;width:0;height:0;transform:translate(calc(var(--px) * 1cqw),calc(var(--py) * 1cqh));transition:transform 520ms var(--m-out),opacity 300ms;pointer-events:none;z-index:2}
.ss-gl__mark i{position:absolute;left:-10px;top:-10px;width:20px;height:20px;border-radius:50%}
.ss-gl__cur i{background:#94d3ac;border:3px solid var(--ss-night)}
.ss-gl__tie i{left:-14px;top:-14px;width:28px;height:28px;border:4px solid #e9b45e;background:var(--ss-night)}
.ss-gl__probe{transition:none;z-index:3}
.ss-gl__probe svg{position:absolute;left:-40px;top:-54px;width:80px;height:40px;overflow:visible}
.ss-probe__arm{transform-origin:40px 14px;transform:rotate(var(--pt,0deg));transition:transform 160ms linear}
.ss-gl__drag{position:relative;display:block;margin:8px calc(6% - 22px) 0;z-index:5}
.ss-tool .ss-gl__drag input{width:100%;min-height:44px;padding:0;border:0;background:none;accent-color:#e9b45e;cursor:ew-resize}
.ss-flip__below{position:relative;margin-top:20px}
.ss-probe{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 40px;align-items:end;padding:18px 22px;background:#0a3936;border:1px solid #6bb68f45;margin-bottom:18px}
.ss-probe__k{grid-column:1/-1;font:700 12.5px/1.5 var(--gft-font-mono)!important;color:var(--ss-lab);text-transform:uppercase;letter-spacing:.06em;margin:0}
.ss-probe__grid{display:grid;grid-template-columns:repeat(3,minmax(0,auto));gap:32px;margin:0}
.ss-probe__grid dt{font:12.5px/1.4 var(--gft-font-mono);color:var(--ss-lab);text-transform:uppercase}
.ss-probe__grid dd{margin:2px 0 0;font:850 clamp(1.6rem,2.6vw,2.4rem)/1.1 var(--gft-font-display);letter-spacing:-.05em;color:var(--ss-hi)}
.ss-probe__f{font:13.5px/1.6 var(--gft-font-mono)!important;color:var(--ss-hi);max-width:none;margin:0}
.ss-flip__rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px clamp(20px,3vw,40px)}
.ss-fr{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(90px,1fr) 114px;gap:14px;align-items:center;padding:14px 16px;background:#0a3936;border:1px solid #6bb68f40;position:relative;transition:background-color 260ms,border-color 260ms}
.ss-fr__halo{display:none;position:absolute;inset:0;background:linear-gradient(90deg,#e9b45e22,transparent 75%);pointer-events:none}
.ss-fr[data-selected]{background:#104c48;border-color:var(--ss-ochre)}
.ss-fr[data-selected] .ss-fr__halo{display:block}
.ss-fr[data-selected]::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gft-ochre)}
.ss-tool .ss-fr button{color:var(--ss-hi);border-color:#94d3ac77;position:relative}
.ss-tool .ss-fr__pick{text-align:left;border:0;padding:4px 0;display:grid;gap:4px;min-height:48px}
.ss-fr__pick strong{font-size:17px;color:#fff}.ss-fr__pick span{font:13px/1.45 var(--gft-font-mono);color:var(--ss-body)}
.ss-fr__track{position:relative;height:11px;background:#1d4e48;margin-inline:7px}
.ss-fr__track s{position:absolute;top:-4px;bottom:-4px;width:1px;background:#a9c6b5}.ss-fr__track s:nth-child(1){left:25%}.ss-fr__track s:nth-child(2){left:50%}.ss-fr__track s:nth-child(3){left:75%}.ss-fr__track s:nth-child(4){left:100%}
.ss-fr__track i{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--ss-sage);border:3px solid var(--ss-night);top:-3.5px;margin-left:-9px}
.ss-fr__track b{position:absolute;height:28px;width:3.5px;background:var(--gft-ochre);top:-8.5px}
.ss-tool .ss-fr__apply{font-size:12px;font-weight:700;padding:10px 10px;background:#072d2b}
.ss-flip__rail{position:relative;margin-top:clamp(28px,3.5vw,44px);height:2px;background:linear-gradient(90deg,#e9b45e00,#e9b45e 12%,#e9b45e 88%,#e9b45e00)}
.ss-flip__rail i{position:absolute;left:12%;top:-10px;width:22px;height:22px;border-radius:50%;background:#94d3ac;border:3px solid var(--ss-night)}

/* ---------- 7 · Gates: sticky panel with 4-state central graphic + compact matrix cards ---------- */
.ss-gates{position:relative;background:#08312f;color:var(--gft-paper);padding:clamp(32px,4vw,52px) 0 clamp(32px,4vw,56px);border-top:1px solid #6bb68f33;overflow:clip}
.ss-gates__in{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:0 clamp(32px,4.5vw,68px);grid-template-rows:auto 1fr;align-items:stretch}
.ss-gates__left{display:contents}
.ss-gates__lead{grid-column:1;grid-row:1;min-width:0}
.ss-gatepanel{grid-column:1;grid-row:2;align-self:start;min-width:0}
.ss-gates__side{grid-column:2;grid-row:1/span 2}
.ss-gates__lead h2{font-size:clamp(2.2rem,3.6vw,3.5rem);max-width:14ch;margin:12px 0 16px}
.ss-gatepanel{position:sticky;top:calc(var(--ss-rib) + 14px);min-height:calc(100svh - var(--ss-rib) - 28px);display:flex;flex-direction:column;justify-content:space-between;padding:18px 20px 16px;background:#0a3936;border:1px solid #6bb68f48;box-shadow:0 24px 64px #0005}
.ss-gatepanel__top{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap}
.ss-gatepanel__mode{display:grid;gap:4px;justify-items:end;text-align:right}
.ss-gatepanel__mode strong{font:700 14px/1.3 var(--gft-font-mono);color:var(--ss-ochre)}
.ss-site{border:0;margin:0;padding:0;flex:1;min-width:220px;max-width:320px}.ss-site legend{font:700 12px var(--gft-font-mono);text-transform:uppercase;letter-spacing:.09em;color:var(--ss-lab);margin-bottom:6px}
.ss-run{margin:16px 0 4px;position:relative}
@media(min-width:901px){.ss-run__posts b{width:48px;height:48px;font-size:15px}.ss-run__rail{top:23px}.ss-run__lane{top:14px}.ss-chip{padding:10px 8px 12px}.ss-chip output{font-size:14.5px;color:var(--ss-hi)}}
.ss-run__rail{position:absolute;left:7.14%;right:7.14%;top:20px;height:4px;background:#6bb68f45;overflow:hidden}
.ss-run__fill{position:absolute;inset:0;background:linear-gradient(90deg,var(--gft-sage),var(--ss-ochre));transform-origin:0 50%;transform:scaleX(var(--ss-run,1));transition:transform 1100ms var(--m-freight)}
.ss-run__posts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);position:relative}
.ss-run__posts li{display:grid;justify-items:center;gap:6px;font:12px var(--gft-font-mono);color:var(--ss-lab);text-align:center;transition:opacity 300ms}
.ss-run__posts b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--ss-night);border:2px solid #6bb68f;font:700 14px var(--gft-font-mono);color:var(--gft-paper);transition:background-color 400ms,border-color 400ms,opacity 300ms var(--m-soft) calc(100ms + var(--i) * 70ms),transform 360ms var(--m-out) calc(100ms + var(--i) * 70ms)}
.ss-run__posts li[data-state=passed] b{border-color:var(--gft-sage);background:#0e4d4a}
.ss-run__posts li[data-state=stopped] b{background:var(--gft-ochre);border-color:var(--ss-ochre);color:var(--ss-night)}
.ss-run__posts li[data-state=blocked]{opacity:.55}
.ss-run__st{font-style:normal;font-size:12px;line-height:1.2;padding:3px 6px;border:1px solid #a8c4b566;min-width:52px}
.ss-run__st::after{content:'Pass'}
li[data-state=stopped] .ss-run__st{border-color:#e9b45e;color:#e9b45e}li[data-state=stopped] .ss-run__st::after{content:'Stops'}
li[data-state=blocked] .ss-run__st::after{content:'Not reached'}
.ss-run__lane{container-type:inline-size;position:absolute;left:7.14%;right:7.14%;top:11px;height:22px;pointer-events:none}
.ss-run__token,.ss-run__ghost{position:absolute;left:0;top:0;width:22px;height:22px;margin-left:-11px;border-radius:50%}
.ss-run__token{background:#94d3ac;box-shadow:0 0 0 4px #94d3ac44;translate:calc(var(--ss-run,1) * 100cqw) 0;transition:translate 1100ms var(--m-freight)}
.ss-gatepanel[data-site=north] .ss-run__token{background:var(--ss-ochre);box-shadow:0 0 0 4px #e9b45e44}
.ss-run__token i{position:absolute;inset:-8px;border-radius:50%;border:1px solid #e9b45e}
.ss-run__ghost{border:2px dashed #e9b45e;translate:calc(var(--ss-run,1) * 100cqw - 34px) -30px;opacity:0;transition:opacity 400ms var(--m-soft),translate 1100ms var(--m-freight)}
.ss-gatepanel[data-trap="3"] .ss-run__ghost{opacity:1}
.ss-gatepanel[data-trap="0"] .ss-run__posts b{box-shadow:0 0 0 4px #e9b45e55}
.ss-gatepanel[data-trap="2"] .ss-run__posts li:last-child b{box-shadow:0 0 0 4px #e9b45e;border-color:#e9b45e}
.ss-gatestatus{font-size:15px!important;line-height:1.45;color:var(--ss-hi);max-width:58ch;min-height:3.2em;margin:10px 0 6px}
.ss-gatestatus strong{font-size:18px;letter-spacing:-.02em;color:var(--ss-sage);margin-right:6px}
.ss-gatepanel[data-pass=false] .ss-gatestatus strong{color:#e9b45e}
.ss-gateviz{display:block;width:100%;height:auto;margin:6px 0;background:#072d2b;border:1px solid #6bb68f38}
.ss-gv{opacity:0;transform:translateY(6px);transition:opacity 320ms var(--m-soft),transform 360ms var(--m-out);pointer-events:none}
.ss-gatepanel[data-trap="0"] .ss-gv--0,.ss-gatepanel[data-trap="1"] .ss-gv--1,.ss-gatepanel[data-trap="2"] .ss-gv--2,.ss-gatepanel[data-trap="3"] .ss-gv--3{opacity:1;transform:none}
.ss-gv__k{font:700 12px var(--gft-font-mono);fill:#e9b45e;letter-spacing:.08em}
.ss-gv__num{font:700 13px var(--gft-font-mono);fill:#f4faf6}
.ss-gv__sub{font:12px var(--gft-font-mono);fill:#d4eee1}
.ss-gv__big{font:800 24px var(--gft-font-mono);fill:#94d3ac}
.ss-lens{margin-top:6px;padding-top:10px;border-top:1px solid #a8c4b53b}
.ss-lens__k{font:12px/1.45 var(--gft-font-mono)!important;text-transform:uppercase;letter-spacing:.07em;color:var(--ss-lab);margin-bottom:8px;max-width:60ch}
.ss-lens__chips{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.ss-chip{display:grid;gap:4px;padding:8px 8px 10px;border:1px solid #a8c4b555;background:#ffffff0d;font:12px var(--gft-font-mono);color:var(--ss-hi);transition:border-color 320ms,background-color 320ms,color 320ms,transform 360ms var(--m-out),opacity 320ms;min-width:0}
.ss-chip span{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ss-chip i{display:block;height:4px;background:#2b5a50;position:relative;overflow:hidden}.ss-chip i b{position:absolute;inset:0;background:#94d3ac;transform-origin:0 50%;transition:background-color 320ms,transform 500ms var(--m-out)}
.ss-gatepanel[data-trap="0"] .ss-chip[data-t~="0"],.ss-gatepanel[data-trap="1"] .ss-chip[data-t~="1"],.ss-gatepanel[data-trap="2"] .ss-chip[data-t~="2"],.ss-gatepanel[data-trap="3"] .ss-chip[data-t~="3"]{border-color:var(--ss-ochre);background:#e9b45e24;color:#fff}
.ss-gatepanel[data-trap="0"] .ss-chip[data-t~="0"] i b,.ss-gatepanel[data-trap="1"] .ss-chip[data-t~="1"] i b,.ss-gatepanel[data-trap="2"] .ss-chip[data-t~="2"] i b,.ss-gatepanel[data-trap="3"] .ss-chip[data-t~="3"] i b{background:var(--ss-ochre)}
.ss-gatepanel[data-trap="2"] .ss-chip:not([data-t~="2"]){opacity:.48}
.ss-gatepanel[data-trap="3"] .ss-chip[data-t~="3"]{transform:translateY(-4px)}
.ss-lens__bracket{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;height:12px;opacity:0;transition:opacity 360ms var(--m-soft)}
.ss-lens__bracket i{position:relative;border-top:2px solid transparent}
.ss-lens__bracket i[data-in]{border-color:#e9b45e}
.ss-lens__bracket i[data-in]::after{content:'';position:absolute;left:50%;top:-8px;width:2px;height:8px;background:#e9b45e}
.ss-gatepanel[data-trap="1"] .ss-lens__bracket{opacity:1}
.ss-lens__caps{margin-top:6px;display:grid}
.ss-lens__cap{grid-area:1/1;font-size:14.5px!important;line-height:1.45;color:var(--ss-hi);max-width:60ch;border-left:3px solid var(--ss-ochre);padding-left:14px;margin:0;opacity:0;visibility:hidden;transition:opacity 300ms var(--m-soft),visibility 0s linear 300ms}
.ss-lens__cap strong{color:#e9b45e}
.ss-gatepanel[data-trap="0"] .ss-lens__cap[data-i="0"],.ss-gatepanel[data-trap="1"] .ss-lens__cap[data-i="1"],.ss-gatepanel[data-trap="2"] .ss-lens__cap[data-i="2"],.ss-gatepanel[data-trap="3"] .ss-lens__cap[data-i="3"]{opacity:1;visibility:visible;transition:opacity 300ms var(--m-soft),visibility 0s}
.ss-tool .ss-lens__save{margin-left:6px;padding:6px 12px;min-height:36px;border-color:#e9b45e;color:#e9b45e}
.ss-gates__side{min-width:0;padding-top:12px}
.ss-traps{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.ss-trap{min-height:42svh;display:grid;align-content:center;cursor:pointer}
.ss-trap:first-child{min-height:38svh}
.ss-trap__card{padding:22px 24px 20px;background:#0b3f3b;border:1px solid #a8c4b548;position:relative;display:grid;gap:12px;transition:background-color 320ms,border-color 320ms}
.ss-trap__card::after{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gft-ochre);transform-origin:50% 0;transform:scaleY(0);transition:transform 500ms var(--m-out)}
.ss-trap[data-on] .ss-trap__card{background:var(--ss-forest);border-color:#e9b45e}
.ss-trap[data-on] .ss-trap__card::after{transform:scaleY(1)}
.ss-trap__head{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}
.ss-traps__n{display:inline-grid;place-items:center;width:46px;height:46px;background:#072d2b;border:1px solid #6bb68f55;font:700 13px/1 var(--gft-font-mono);color:var(--ss-sage)}
.ss-trap[data-on] .ss-traps__n{border-color:var(--ss-ochre);color:var(--ss-ochre)}
.ss-trap__kicker{display:block;font:700 12px/1.3 var(--gft-font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ss-lab);margin-bottom:3px}
.ss-traps h3{font-size:clamp(1.25rem,1.8vw,1.55rem);margin:0;max-width:24ch;color:var(--ss-hi)}.ss-traps p{font-size:15.5px;line-height:1.55;max-width:46ch;margin:0;color:var(--ss-body)}
.ss-trap__matrix{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:8px;padding-top:6px}
.ss-trap__pill{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:7px 10px;background:#072d2b;border:1px solid #6bb68f45;font:12px var(--gft-font-mono);color:var(--ss-hi)}
.ss-trap__pill b{color:var(--ss-sage)}.ss-trap__pill output{color:var(--ss-ochre);font-weight:700}
.ss-trap__foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:10px;border-top:1px solid #a8c4b52e}
.ss-traps .ss-trap__touch{font:12px/1.4 var(--gft-font-mono);color:var(--ss-lab);margin:0}
.ss-tool .ss-trap__btn{padding:9px 14px;min-height:40px}
.ss-tool .ss-trap[data-on] .ss-trap__btn{background:#e9b45e;color:var(--ss-night);border-color:#e9b45e;font-weight:700}
.ss-gatelist{border:1px solid #6bb68f45;background:#0a3936;margin:20px 0 0;padding:16px 18px}.ss-gatelist legend{font:700 12.5px/1.5 var(--gft-font-mono);color:var(--ss-hi);padding:0 6px}
.ss-gatelist__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}
.ss-gate{position:relative;display:block}
.ss-gate input{position:absolute;left:12px;top:50%;margin-top:-9px;width:18px;height:18px;min-height:0;padding:0;accent-color:var(--gft-sage)}
.ss-gate span{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 10px 8px 42px;border:1px solid #a8c4b566;background:#ffffff0e;font-size:14px;line-height:1.3;color:var(--ss-hi)}
.ss-gate span b{font:700 12px var(--gft-font-mono);color:#e9b45e}
.ss-gate input:checked+span{border-color:var(--gft-sage);background:#6bb68f22}
.ss-gate input:focus-visible+span{outline:3px solid var(--gft-ochre)}

/* ---------- 8 · Sources: warm paper interlude framing the unified dark provenance stage ---------- */
.ss-sources{background:var(--gft-paper);color:var(--gft-night);padding:clamp(44px,5.5vw,76px) 0 clamp(32px,4vw,52px)}
.ss-sources__head{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:40px;align-items:end;margin-bottom:22px}
.ss-sources .gft-eyebrow{color:var(--gft-forest)}
.ss-sources__head h2{font-size:clamp(2.1rem,3.8vw,3.8rem);max-width:19ch;margin-top:12px;color:var(--gft-night)}
.ss-sources__lede{font-size:16.5px;line-height:1.55;max-width:46ch;color:#1e3831;margin:0}
.ss-srcs{background:var(--ss-night);color:var(--gft-paper);padding:clamp(22px,2.8vw,34px);border:1px solid #0d5c5838;box-shadow:0 24px 64px #072d2b22}
.ss-sbeam{margin:0;padding-bottom:14px;border-bottom:1px solid #a8c4b533}
.ss-sbeam svg{display:block;width:100%;height:auto;overflow:visible}
.ss-sbeam__phone{display:none!important}
.ss-sbeam figcaption{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;justify-content:center;margin-top:6px}
.ss-sbeam__pan{font:13.5px var(--gft-font-mono);fill:#d4eee1;letter-spacing:.1em}
.ss-sbeam__note{font:700 14px var(--gft-font-mono);fill:#e9b45e;letter-spacing:.12em}
.ss-sbeam__light{fill:#e9b45e;opacity:.6;transform:translateX(500px);transition:transform 600ms var(--m-out)}
.ss-srcs[data-sel=R10] .ss-sbeam__wide .ss-sbeam__light{transform:translateX(870px)}
.ss-srcs[data-sel=HMT] .ss-sbeam__wide .ss-sbeam__light{transform:translateX(500px) scaleX(7.3)}
.ss-sbeam__light--p{transform:translateX(200px)}
.ss-srcs[data-sel=R10] .ss-sbeam__light--p{transform:translateX(360px)}
.ss-srcs[data-sel=HMT] .ss-sbeam__light--p{transform:translateX(200px) scaleX(7.4)}
.ss-sbeam__drawn .ss-bm__line{transform-box:fill-box;transform-origin:50% 50%;transition:transform 800ms var(--m-out)}
.ss-post__line{stroke:#d4eee1;stroke-opacity:.5;stroke-width:1.3;fill:none}
.ss-post__halo{fill:#e9b45e;fill-opacity:0;transition:fill-opacity 400ms}
.ss-post__ring{fill:none;stroke:#94d3ac;stroke-width:2.5;stroke-dasharray:4 4;opacity:0;transition:opacity 400ms}
.ss-post__node{fill:#21544d;stroke:#94d3ac;stroke-width:1.6;transition:fill 400ms,stroke 400ms}
.ss-post__lab{font:700 14px var(--gft-font-mono);fill:#d4eee1}
.ss-srcs[data-sel=R03] .ss-post[data-s~=R03] :is(.ss-post__node),.ss-srcs[data-sel=R10] .ss-post[data-s~=R10] .ss-post__node,.ss-srcs[data-sel=HMT] .ss-post[data-s~=HMT] .ss-post__node{fill:#e9b45e;stroke:#e9b45e}
.ss-srcs[data-sel=R03] .ss-post[data-s~=R03] .ss-post__halo,.ss-srcs[data-sel=R10] .ss-post[data-s~=R10] .ss-post__halo,.ss-srcs[data-sel=HMT] .ss-post[data-s~=HMT] .ss-post__halo{fill-opacity:.34}
.ss-srcs[data-sel=R03] .ss-post[data-s~=R03] .ss-post__lab,.ss-srcs[data-sel=R10] .ss-post[data-s~=R10] .ss-post__lab,.ss-srcs[data-sel=HMT] .ss-post[data-s~=HMT] .ss-post__lab{fill:#fff;font-weight:700}
.ss-srcs[data-reader=manager] .ss-post[data-r~=manager] .ss-post__ring,.ss-srcs[data-reader=engineer] .ss-post[data-r~=engineer] .ss-post__ring,.ss-srcs[data-reader=investor] .ss-post[data-r~=investor] .ss-post__ring{opacity:1}
.ss-srcs__count{font:700 12.5px/1.4 var(--gft-font-mono);letter-spacing:.08em;text-transform:uppercase;color:#94d3ac}
.ss-tag.ss-srcs__grade{white-space:normal;text-transform:none;letter-spacing:.02em;line-height:1.4;color:var(--ss-hi);border-color:#e9b45e}
.ss-srcs__row{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(24px,3.6vw,48px);margin-top:20px;align-items:start}
.ss-srcs__src{display:grid;grid-template-columns:minmax(200px,.72fr) minmax(0,1.28fr);gap:0;border:1px solid #a8c4b548;align-items:stretch}
.ss-srcs__tabs{display:grid;grid-auto-rows:1fr}
.ss-tool .ss-srctab{display:grid;grid-template-columns:auto 1fr;grid-template-areas:'id h' 'id hint';column-gap:16px;align-items:center;text-align:left;padding:16px 18px;min-height:96px;border:0;border-bottom:1px solid #a8c4b540;background:#0b3f3b;color:var(--ss-hi);transition:background-color 320ms,color 320ms}
.ss-tool .ss-srctab:last-child{border-bottom:0}
.ss-srctab__id{grid-area:id;font:850 2.5rem/1 var(--gft-font-display);letter-spacing:-.07em;color:var(--gft-sage)}
.ss-srctab__h{grid-area:h;font:700 16px/1.3 var(--gft-font-display);align-self:end}
.ss-srctab__hint{grid-area:hint;font:12.5px/1.4 var(--gft-font-mono);color:var(--ss-lab);align-self:start;margin-top:4px}
.ss-tool .ss-srctab[aria-selected=true]{background:var(--ss-forest);box-shadow:inset 4px 0 0 #e9b45e}
.ss-srctab[aria-selected=true] .ss-srctab__id{color:#e9b45e}
.ss-tool .ss-srctab:not([aria-selected=true]):hover{background:#0e4440}
.ss-srcs__panels{padding:22px 24px;background:var(--ss-forest);min-width:0}
.ss-srcp h3{font-size:1.6rem;margin-bottom:10px;color:var(--ss-hi)}
.ss-srcp{animation-name:ss-cap-in;animation-duration:420ms;animation-timing-function:var(--m-out);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
@keyframes ss-cap-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.ss-srcs:not(.ss-js) .ss-srcp+.ss-srcp{margin-top:28px}
.ss-src__says{font-size:16px;line-height:1.6;color:var(--ss-hi)}
.ss-srcs a{color:var(--ss-sage)}
.ss-tool .ss-srcs .gft-cite{color:var(--ss-sage);margin-left:6px}
.ss-src__not{margin-top:16px;padding:14px 16px;border-left:3px solid var(--ss-ochre);background:#0a3936;font-size:15px!important;line-height:1.55;color:var(--ss-hi)}
.ss-src__not strong{display:block;font:12px var(--gft-font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ss-ochre);margin-bottom:6px}
.ss-srcs__list{grid-column:1/-1;padding:14px 18px;border-top:1px solid #a8c4b540;font-size:15px;color:var(--ss-body);max-width:none;margin:0}
.ss-srcs__list .ss-kicker{display:inline;margin-right:6px}
.ss-srcs__list [data-ss-srclist]{color:#fff;font-weight:700}
.ss-readers{border:0;margin:0;padding:0;min-width:0}
.ss-readers legend{font:700 12px var(--gft-font-mono);text-transform:uppercase;letter-spacing:.09em;color:var(--ss-lab);margin-bottom:10px}
.ss-readers__seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.ss-readers__seg label{position:relative}
.ss-readers__seg input{position:absolute;opacity:0;inset:0;margin:0;min-height:0;cursor:pointer}
.ss-readers__seg span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:48px;padding:6px 8px;border:1px solid #a8c4b566;font-size:14px;line-height:1.25;color:var(--ss-hi);background:#ffffff12}
.ss-readers__seg input:checked+span{background:#94d3ac;color:var(--ss-night);border-color:#94d3ac;font-weight:700}
.ss-readers__seg input:focus-visible+span{outline:3px solid var(--gft-ochre)}
.ss-readers__list{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.ss-readers__list li{display:grid;gap:3px;padding:12px 14px;border-left:3px solid #a8c4b566;background:#ffffff0d;font-size:15px;line-height:1.45;color:var(--ss-body);order:var(--o)}
.ss-readers__list strong{color:var(--ss-hi)}
.ss-readers__list em{font:normal 12.5px/1.5 var(--gft-font-mono);color:var(--ss-lab)}
.ss-srcs[data-reader=manager] li[data-r=manager],.ss-srcs[data-reader=engineer] li[data-r=engineer],.ss-srcs[data-reader=investor] li[data-r=investor]{order:-1;border-color:#94d3ac;background:#94d3ac1f}
.ss-readers__fine{font:12.5px/1.6 var(--gft-font-mono)!important;color:var(--ss-lab);margin-top:10px}
.ss-sources__foot{margin-top:20px;padding:20px 24px;background:var(--ss-night);color:var(--ss-hi);border-left:4px solid var(--ss-ochre);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 28px}
.ss-sources__receipt{display:grid;gap:8px;max-width:78ch}
.ss-sources__receipt .ss-tag{color:var(--ss-ochre);border-color:var(--ss-ochre);white-space:normal}
.ss-sources__receipt p{font-size:14.5px;line-height:1.6;color:var(--ss-body);margin:0}
.ss-source-link{display:inline-flex;align-items:center;min-height:46px;padding:10px 16px;border:1px solid var(--ss-sage);background:#0e4d4a;font:700 13.5px/1.3 var(--gft-font-mono);color:var(--ss-hi);text-decoration:none}
.ss-source-link:hover{background:var(--ss-sage);color:var(--ss-night)}

/* ---------- 9 · Closing: the record scale + full-width Coda beam resolution ---------- */
.ss-closing{position:relative;background:var(--ss-night);color:var(--gft-paper);padding:clamp(36px,4.5vw,56px) 0 0;overflow:clip}
.ss-closing__in{position:relative}
.ss-rec{border:1px solid #a8c4b566;background:#0a3936;padding:clamp(22px,2.8vw,36px);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(24px,3.4vw,52px);box-shadow:0 24px 64px #0005}
.ss-rec__head{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(24px,3.4vw,52px);align-items:end}
.ss-rec__head .gft-eyebrow{color:#e9b45e}
.ss-closing h2{font-size:clamp(2.5rem,4.8vw,4.8rem);max-width:12ch;margin:12px 0 0;line-height:1.02}
.ss-rec__text{font-size:clamp(1rem,1.25vw,1.18rem);color:var(--ss-body);max-width:44ch;margin:0}
.ss-rec__scale{min-width:0}
.ss-rec__beam{display:block;width:100%;height:auto;overflow:visible}
.ss-rec__lab{font:700 18px var(--gft-font-mono);fill:#e9b45e}
.ss-rec__wt{transition:transform 520ms cubic-bezier(.34,1.3,.64,1) calc(var(--i) * 35ms),opacity 300ms calc(var(--i) * 35ms)}
.ss-blend{display:grid;gap:4px;margin-top:6px}
.ss-blend__ends{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;font:12px var(--gft-font-mono);color:var(--ss-lab);text-transform:uppercase;letter-spacing:.06em}
.ss-blend__ends span{text-align:center}
.ss-blend__ends b{font:800 18px var(--gft-font-display)}.ss-blend__ends b:first-child{color:#e9b45e}.ss-blend__ends b:last-child{color:#94d3ac}
.ss-tool .ss-blend input{width:100%;min-height:48px;padding:0;border:0;background:none;-webkit-appearance:none;appearance:none;cursor:ew-resize}
.ss-blend input::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(90deg,#e9b45e,#94d3ac)}
.ss-blend input::-moz-range-track{height:6px;border-radius:3px;background:linear-gradient(90deg,#e9b45e,#94d3ac)}
.ss-blend input::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;margin-top:-12px;border-radius:50%;background:#f3f7f4;border:4px solid var(--ss-night);box-shadow:0 0 0 2px #f3f7f4}
.ss-blend input::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#f3f7f4;border:4px solid var(--ss-night)}
.ss-rec__out{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:10px 0 0}
.ss-rec__out dt{font:12px/1.4 var(--gft-font-mono);text-transform:uppercase;color:var(--ss-lab)}
.ss-rec__out dd{margin:2px 0 0;font:850 clamp(1.6rem,2.6vw,2.5rem)/1.1 var(--gft-font-display);letter-spacing:-.05em;color:var(--ss-hi)}
.ss-rec__out div:last-child dd{color:#e9b45e}
.ss-rec__win{font-size:15px!important;color:var(--ss-hi);margin-top:10px;max-width:none}
.ss-rec__fine{font:12px/1.6 var(--gft-font-mono)!important;color:var(--ss-lab);margin-top:6px;max-width:none}
.ss-rec__ledger{min-width:0;display:grid;gap:12px;align-content:start}
.ss-rec__bars{display:grid;gap:8px}
.ss-rec__bars .ss-delta output{font-size:clamp(2.2rem,3.6vw,3.4rem)}
.ss-tool .ss-record__t{border-collapse:collapse;width:100%;font-size:15px;margin:0}
.ss-tool .ss-record__t :is(th,td){padding:9px 8px;border-bottom:1px solid #a8c4b536;color:var(--gft-paper);text-align:left}
.ss-tool .ss-record__t thead th{font:12px var(--gft-font-mono);color:var(--ss-lab);text-transform:uppercase}
.ss-record__text{font-size:14px;color:var(--ss-body)}
.ss-record__btns{display:flex;gap:10px;flex-wrap:wrap}
.ss-tool .ss-record__btns button:first-child{background:var(--gft-sage);color:var(--ss-night);border-color:var(--gft-sage);font-weight:700}
.ss-rec .ss-message{margin:0}
.ss-coda{margin-top:24px;padding:clamp(22px,2.8vw,34px);background:#0a3936;border:1px solid #6bb68f55;border-top:3px solid var(--ss-ochre);display:grid;gap:18px}
.ss-coda__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px}
.ss-coda__head h3{font-size:clamp(1.4rem,2.2vw,1.9rem);margin:0;color:var(--ss-hi)}
.ss-coda__toggle{display:flex;flex-wrap:wrap;gap:6px}
.ss-tool .ss-coda__toggle button{padding:8px 14px;min-height:40px;background:#072d2b;border-color:#6bb68f66}
.ss-tool .ss-coda__toggle button[aria-pressed=true]{background:var(--ss-ochre);color:var(--ss-night);border-color:var(--ss-ochre);font-weight:700}
.ss-coda__labels{display:flex;justify-content:space-between;gap:20px;font:700 12.5px/1.5 var(--gft-font-mono);color:#d4eee1;letter-spacing:.08em}
.ss-coda__labels span{flex:1;min-width:0}.ss-coda__labels span:last-child{text-align:right}
/* The full +/-30 degree sweep plus endpoint radii stays inside this viewBox, below the label row. */
.ss-coda__beam{display:block;width:100%;height:auto;background:#072d2b;border:1px solid #6bb68f38;padding:8px 14px;overflow:visible}
.ss-coda[data-pose=b] .ss-coda__arm .ss-bm__arm{transform:rotate(var(--ss-tilt,0deg))}
.ss-coda[data-pose=a] .ss-coda__arm .ss-bm__arm{transform:rotate(var(--ss-tilt-a,0deg))}
.ss-coda[data-pose=level] .ss-coda__arm .ss-bm__arm{transform:none}
.ss-coda__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:14px 18px;background:#072d2b;border:1px solid #6bb68f38}
.ss-coda__stats dt{font:12px/1.35 var(--gft-font-mono);text-transform:uppercase;color:var(--ss-lab)}
.ss-coda__stats dd{margin:4px 0 0;font:850 clamp(1.6rem,2.6vw,2.3rem)/1.05 var(--gft-font-display);letter-spacing:-.05em;color:var(--ss-hi)}
.ss-coda__stats div:nth-child(1) dd,.ss-coda__stats div:nth-child(3) dd{color:#94d3ac}
.ss-coda__stats div:nth-child(2) dd,.ss-coda__stats div:nth-child(4) dd{color:#e9b45e}
.ss-closing__next{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(20px,3vw,44px);align-items:center;padding-top:10px;border-top:1px solid #a8c4b533}
.ss-closing__cta{display:flex;gap:14px;flex-wrap:wrap;align-items:stretch}
.ss-tool .ss-cta{display:inline-flex;align-items:center;gap:12px;min-height:54px;padding:12px 22px;font:700 16px/1.3 var(--gft-font-display);text-decoration:none;border:2px solid var(--gft-paper)}
.ss-tool .ss-cta--ghost{color:var(--gft-paper);background:transparent}
.ss-tool .ss-cta--ghost:hover{background:#ffffff1a}
.ss-closing__read{font-size:14.5px;line-height:1.55;color:var(--ss-body);max-width:60ch;margin:0}
.ss-closing__thread{position:relative;width:min(1440px,calc(100% - 96px));height:52px;margin:20px auto 0;overflow:hidden}
.ss-closing__thread::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:#e9b45e}
.ss-closing__thread i{position:absolute;left:-4px;top:0;width:10px;height:10px;border-radius:50%;background:#e9b45e;box-shadow:0 0 12px #e9b45e;transform:translateY(42px)}

/* ---------- Entrances: each block its own, sub-elements on their own arrival ---------- */
:root[data-m-go] .ss-mob:not([data-m-in]) .ss-mob__drop{transform:translateY(-70px);opacity:0}
:root[data-m-go] .ss-mob[data-m-in] .ss-mob__drop{animation-name:ss-drop;animation-duration:680ms;animation-timing-function:cubic-bezier(.34,1.3,.64,1);animation-delay:calc(var(--i) * 45ms);animation-fill-mode:both;animation-iteration-count:1;animation-direction:normal}
@keyframes ss-drop{from{transform:translateY(-70px);opacity:0}to{transform:none;opacity:1}}
:root[data-m-go] .ss-cpanel:not([data-m-in]) .ss-ov__poly{transform:scale(0)}
:root[data-m-go] .ss-cpanel[data-m-in] .ss-ov__poly{animation-name:ss-poly;animation-duration:760ms;animation-timing-function:var(--m-expo);animation-fill-mode:both;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .ss-cpanel[data-m-in] .ss-ov__poly--b{animation-delay:140ms}
@keyframes ss-poly{from{transform:scale(0)}to{transform:scale(1)}}
:root[data-m-go] .ss-cpanel:not([data-m-in]) .ss-cbeams .ss-bm__arm{transform:none}
.ss-cbeams .ss-bm__arm{transition:transform 800ms var(--m-out) 150ms}
:root[data-m-go] .ss-steps[data-step="0"] .ss-st--0 .ss-bar b{animation-name:ss-wipe-x;animation-duration:680ms;animation-timing-function:var(--m-freight);animation-fill-mode:both;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .ss-steps[data-step="1"] .ss-st--1 li{animation-name:ss-deal;animation-duration:620ms;animation-timing-function:var(--m-out);animation-fill-mode:both;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .ss-steps[data-step="1"] .ss-st--1 li:nth-child(2n){animation-delay:60ms}:root[data-m-go] .ss-steps[data-step="1"] .ss-st--1 li:nth-child(3n){animation-delay:120ms}
:root[data-m-go] .ss-steps[data-step="2"] .ss-wf__b{transform-origin:0 var(--wz,130px);animation-name:ss-grow-y;animation-duration:620ms;animation-timing-function:var(--m-out);animation-delay:calc(var(--i) * 35ms);animation-fill-mode:both;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .ss-steps[data-step="3"] .ss-st3__line{animation-name:ss-wipe-x;animation-duration:800ms;animation-timing-function:var(--m-freight);animation-fill-mode:both;animation-iteration-count:1;animation-direction:normal}
@keyframes ss-wipe-x{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes ss-deal{from{opacity:0;transform:translateY(14px) rotateX(35deg)}to{opacity:1;transform:none}}
@keyframes ss-grow-y{from{transform:scaleY(0)}to{transform:scaleY(1)}}
:root[data-m-go] .ss-gatepanel:not([data-m-in]) .ss-run__posts b{opacity:.2;transform:scale(.6)}
:root[data-m-go] .ss-trap:nth-child(odd) .ss-trap__card[data-m=rise][data-m-in]{animation-name:ss-rise-l}
:root[data-m-go] .ss-trap:nth-child(even) .ss-trap__card[data-m=rise][data-m-in]{animation-name:ss-rise-r}
:root[data-m-go] .ss-trap:nth-child(odd) .ss-trap__card[data-m=rise]:not([data-m-in]){translate:-2.4rem 1rem}
:root[data-m-go] .ss-trap:nth-child(even) .ss-trap__card[data-m=rise]:not([data-m-in]){translate:2.4rem 1rem}
@keyframes ss-rise-l{from{opacity:.18;translate:-2.4rem 1rem}to{opacity:1;translate:0 0}}
@keyframes ss-rise-r{from{opacity:.18;translate:2.4rem 1rem}to{opacity:1;translate:0 0}}
:root[data-m-go] .ss-srcs:not([data-m-in]) .ss-sbeam__drawn .ss-bm__line{transform:scaleX(0)}
:root[data-m-go] .ss-srcs:not([data-m-in]) .ss-alt{opacity:0}
:root[data-m-go] .ss-srcs[data-m-in] .ss-alt{animation-name:ss-alt-l;animation-duration:600ms;animation-timing-function:var(--m-out);animation-delay:calc(var(--k) * 50ms);animation-fill-mode:both;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .ss-srcs[data-m-in] .ss-alt:nth-child(even){animation-name:ss-alt-r}
@keyframes ss-alt-l{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}
@keyframes ss-alt-r{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
:root[data-m-go] .ss-rec:not([data-m-in]) .ss-rec__b .ss-bm__arm{transform:none}
.ss-rec__b .ss-bm__arm{transition:transform 800ms var(--m-out) 200ms}
:root[data-m-go] .ss-rec:not([data-m-in]) .ss-rec__wt{transform:translateY(-44px);opacity:0}
:root[data-m-go] .ss-rec:not([data-m-in]) .ss-rec__bars .ss-delta__track b{transform:scaleX(0)!important}
:root[data-m-go] .ss-closing__thread:not([data-m-in]) i{opacity:0}
:root[data-m-go] .ss-closing__thread[data-m-in] i{animation-name:ss-pulse-down;animation-duration:1300ms;animation-delay:300ms;animation-timing-function:cubic-bezier(.65,0,.35,1);animation-fill-mode:both;animation-iteration-count:1;animation-direction:normal}
@keyframes ss-pulse-down{from{transform:translateY(0);opacity:0}15%{opacity:1}to{transform:translateY(42px);opacity:1}}

/* ---------- Calm and reduced motion: every pose jumps to its end state; scrubbers still work ---------- */
:root[data-motion=calm] :is(.ss-run__fill,.ss-run__token,.ss-run__ghost,.ss-run__posts b,.ss-bm__arm,.ss-mob__w,.ss-mob__lift,.ss-mob__ref,.ss-thread,.ss-stage__p,.ss-stepcard,.ss-trap__card,.ss-trap__card::after,.ss-gv,.ss-chip,.ss-post__halo,.ss-post__ring,.ss-srctab,.ss-reg__table tbody tr,.ss-fr,.ss-ext,.ss-radar,.ss-hook__w,.ss-pans,.ss-pan__t,.ss-gl__mark,.ss-sbeam__light,.ss-rec__wt,.ss-delta__track b,.ss-lens__cap,.ss-probe__arm){transition:none!important}
:root[data-motion=calm] :is(.ss-srcp,.ss-sp-wrap,.ss-sp__sweep,.ss-sp__pulse,.ss-flip__ground,.ss-thread__fill){animation-name:none!important;animation-timeline:auto!important}
@media(prefers-reduced-motion:reduce){
 .ss-srcp,.ss-sp-wrap,.ss-sp__sweep,.ss-sp__pulse,.ss-flip__ground,.ss-thread__fill{animation-name:none!important;animation-timeline:auto!important}
 .ss-tool *,.gft-splash[data-splash=site-selection] *{scroll-behavior:auto!important;transition:none!important}
 .gft-splash[data-splash=site-selection] .gft-splash__structure{animation-name:none!important}
}

/* ---------- Height: pins give way on short screens ---------- */
@media(max-height:700px) and (min-width:901px){.ss-readout,.ss-pin,.ss-gatepanel{position:static}.ss-gatepanel{min-height:0}}

/* ---------- Widths ---------- */
@media(max-width:1100px){
 .ss-bench{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .ss-charts{grid-template-columns:1fr 1fr}
 .ss-cpanel__grid,.ss-cpanel__foot{grid-template-columns:1fr}
 .ss-rec{grid-template-columns:1fr}.ss-rec__head{grid-template-columns:1fr}
 .ss-lens__chips,.ss-lens__bracket{grid-template-columns:repeat(4,minmax(0,1fr))}.ss-lens__bracket{display:none}
 .ss-srcs__row{grid-template-columns:1fr}
 .ss-handover,.ss-handa{grid-template-columns:1fr;gap:12px}
 .ss-handover__read{text-align:left;padding-left:0;border-left:0}
 .gft-splash[data-splash=site-selection] .gft-splash__structure{inset:22% 1% 0 40%}
}
@media(max-width:900px){
 .ss-tool{--ss-rib:44px}
 .ss-bench,.ss-reg__head,.ss-reg__grid,.ss-compare__head,.ss-method__head,.ss-gates__in,.ss-sources__head,.ss-closing__next,.ss-handa,.ss-handover{grid-template-columns:1fr}
 .ss-bench{gap:0}.ss-results{order:-1;margin-bottom:20px}
 .ss-readout{position:static}
 .ss-mob__k,.ss-mob__v,.ss-mob__side,.ss-mob__axis{display:none}
 .ss-mob svg{min-height:160px}
 .ss-mob figcaption{margin-top:6px}
 .ss-pin{position:sticky;top:auto;bottom:0;z-index:6;max-height:35svh;overflow:auto;padding:14px 16px;border-left-width:4px;box-shadow:0 -12px 30px #0008}
 .ss-pin__big{font-size:3rem!important}.ss-pin__grid dd{font-size:1.5rem}.ss-pin__basis,.ss-pin__anchor{display:none}
 .ss-steps.mw-steps{grid-template-columns:1fr;gap:0}
 .ss-steps>.mw-steps__visual{top:var(--ss-rib);height:38svh;z-index:3;padding:10px 14px;box-shadow:0 10px 30px #072d2b55}
 .ss-stage__head,.ss-stage__beam,.ss-stage__fine{display:none}
 .ss-stage__state{margin:0 0 4px}
 .ss-stage__cap{font-size:13px!important;min-height:0;margin-bottom:6px}
 .ss-bars{gap:4px}.ss-stage .ss-bars .ss-bar{height:8px}.ss-stage .ss-bars li{font-size:12px}.ss-bars li{grid-template-columns:70px 1fr 56px}.ss-bars--two li{grid-template-columns:70px 1fr 1fr 82px}.ss-bars .ss-bar{height:7px}
 .ss-wf{max-height:24svh}.ss-flipchart--stage{max-height:24svh}
 .mw-steps__track.ss-track>li,.mw-steps__track.ss-track>li:first-child{min-height:0;padding:14px 0 14px 18px;align-content:start}
 .mw-steps__track.ss-track>li:last-child{min-height:60svh}
 .ss-stepcard{padding:16px 16px}
 .ss-stepcard__head{grid-template-columns:auto 1fr}
 .ss-stepcard__head code{grid-column:1/-1}
 .ss-flip__head{padding-top:32px;padding-bottom:14px;grid-template-columns:1fr;gap:14px}
 .ss-flip__stage{height:48svh;min-height:320px}
 .ss-flip__rows{grid-template-columns:1fr}
 .ss-probe{grid-template-columns:1fr}.ss-probe__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
 .ss-gatepanel{position:sticky;top:var(--ss-rib);z-index:3;padding:10px 12px;min-height:0;display:block}
 .ss-gateviz{display:none}
 .ss-gates__in{row-gap:20px;grid-template-rows:none}.ss-gates__lead,.ss-gatepanel,.ss-gates__side{grid-column:1;grid-row:auto}.ss-gates__side{padding-top:0}
 .ss-gatestatus{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0;min-height:0}
 .ss-lens{margin-top:4px;padding-top:8px}.ss-lens__k{display:none}
 .ss-lens__chips{grid-template-columns:repeat(4,minmax(0,1fr))}
 .ss-lens__caps{display:none}
 .ss-trap,.ss-trap:first-child{min-height:0}
 .ss-srcs__src{grid-template-columns:1fr}.ss-srcs__tabs{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto}
 .ss-tool .ss-srctab{grid-template-columns:1fr;grid-template-areas:'id' 'h';row-gap:4px;padding:12px 10px;min-height:88px;border-bottom:0;border-right:1px solid #a8c4b540;align-content:start}.ss-tool .ss-srctab:last-child{border-right:0}
 .ss-srctab__hint{display:none}.ss-srctab__h{font-size:13px;line-height:1.25}.ss-srctab__id{font-size:1.9rem}
 .ss-sbeam__wide{display:none!important}.ss-sbeam__phone{display:block!important}
 .ss-coda__stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ss-ribbon__in{width:calc(100% - 40px);gap:10px}.ss-ribbon__tag,.ss-ribbon__top,.ss-ribbon__gap{display:none}.ss-ribbon__live{gap:10px;justify-content:space-between}.ss-ribbon__s em{display:none}.ss-ribbon__beam{width:40px;height:20px}
 .ss-sec::before{left:3px}
}
@media(max-width:640px){
 .ss-thread{left:7px;width:4px}
 .ss-instrument{padding-top:28px}
 .ss-segments--row{grid-template-columns:1fr}.ss-presets .ss-segments--row{grid-template-columns:1fr}.ss-segments--row.ss-segments--two{grid-template-columns:1fr 1fr}
 .ss-tool .ss-weight input[type=range]{height:48px;min-height:48px}
 .ss-weight input[type=range]::-webkit-slider-thumb{width:34px;height:34px;margin-top:-14px}
 .ss-weight input[type=range]::-moz-range-thumb{width:28px;height:28px}
 .ss-weight__controls{grid-template-columns:1fr 70px}
 .ss-actions{grid-template-columns:1fr}
 .ss-notice{display:block;padding:16px}.ss-notice .ss-tag{margin-bottom:10px}
 .ss-charts{grid-template-columns:1fr}.ss-chart{height:auto;max-height:320px}
 .ss-metrics output{font-size:2.8rem}.ss-metrics span{font-size:12px}.ss-verdict{display:block}.ss-verdict span{display:block;margin-top:6px}
 .ss-readout{padding:18px 14px 14px}
 .ss-mob{padding:14px 12px}
 .ss-table-wrap{padding:10px}
 .ss-tool .ss-reg__table thead{display:none}
 .ss-tool .ss-reg__table tbody tr{display:grid;grid-template-columns:1fr auto;grid-template-areas:'name cn' 'share eff';gap:6px 10px;padding:10px 6px;border-bottom:1px solid #a8c4b533}
 .ss-tool .ss-reg__table :is(th,td){border:0;padding:2px}
 .ss-tool .ss-reg__table tbody th{grid-area:name}.ss-reg__table .ss-td-share{grid-area:share}.ss-reg__table .ss-num{grid-area:cn;justify-self:end}.ss-reg__table .ss-td-eff{grid-area:eff}
 .ss-tool .ss-reg__table th button{min-width:0;padding-left:10px;font-size:14.5px}.ss-l{display:none}.ss-s{display:inline}
 .ss-share{grid-template-columns:52px 1fr 12px}
 .ss-contribution{grid-template-columns:minmax(40px,1fr) 56px;gap:6px}
 .ss-ab__scores{grid-template-columns:repeat(2,minmax(0,1fr))}.ss-ab__scores dd{font-size:2rem}
 .ss-shares{grid-template-columns:1fr}.ss-shares li{grid-template-columns:64px minmax(0,1fr) 112px;gap:8px}
 .ss-delta{grid-template-columns:24px auto minmax(40px,1fr)}.ss-delta output{font-size:2.8rem}
 .ss-tool .ss-ab__table table,.ss-tool .ss-ab__table :is(thead,tbody,tr,th,td){display:block}
 .ss-tool .ss-ab__table thead{display:none}
 .ss-tool .ss-ab__table caption{display:block;width:auto}
 .ss-tool .ss-ab__table tbody{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .ss-tool .ss-ab__table tr{border:1px solid #a8c4b540;padding:10px}
 .ss-tool .ss-ab__table :is(th,td){border:0;padding:2px 0}
 .ss-tool .ss-ab__table td:nth-of-type(1)::before{content:'Corridor ';color:#d4eee1;font:12px var(--gft-font-mono)}
 .ss-tool .ss-ab__table td:nth-of-type(2)::before{content:'North ';color:#d4eee1;font:12px var(--gft-font-mono)}
 .ss-tool .ss-ab__table td:nth-of-type(3)::before{content:'Gap ';color:#d4eee1;font:12px var(--gft-font-mono)}
 .ss-ab__actions button{flex:1 1 100%}
 .ss-flip h2{font-size:clamp(2.2rem,10vw,3rem)}
 .ss-flipbig{padding:12px 14px}.ss-flipbig__num{font-size:3.2rem}
 .ss-fr{grid-template-columns:1fr 104px;gap:8px 12px;padding:12px}.ss-fr__track{grid-column:1/-1;grid-row:2;margin-block:6px 8px}.ss-fr__apply{grid-column:2;grid-row:1}
 .ss-probe__grid dd{font-size:1.25rem}
 .ss-run__posts li span{display:none}.ss-run__posts b{width:34px;height:34px;font-size:12px}.ss-run__rail{top:16px}.ss-run__lane{top:7px}.ss-run__st{min-width:0;padding:2px 3px;font-size:12px;border:0}
 .ss-run__st::after{content:'✓'}li[data-state=stopped] .ss-run__st::after{content:'✕'}li[data-state=blocked] .ss-run__st::after{content:'·'}
 .ss-gatelist__grid{grid-template-columns:1fr}.ss-gate span{font-size:13px;padding-left:38px}
 .ss-readers__seg span{font-size:13px}
 .ss-rec__out{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ss-record__btns{display:grid}.ss-closing__cta{display:grid}.ss-tool .ss-cta{justify-content:center}
 .ss-closing__thread{width:auto;margin-left:7px}
 .ss-tool h3{font-size:1.4rem}
 .gft-splash[data-splash=site-selection] .gft-splash__content{padding-bottom:300px}
 .gft-splash[data-splash=site-selection] h1{font-size:clamp(2.8rem,11.5vw,4rem);max-width:10ch}
 .gft-splash[data-splash=site-selection] .gft-splash__structure{inset:auto 10px 0 10px;height:330px}
 .ss-sp-wrap{height:270px}
 .ss-sp--wide{display:none}.ss-sp--phone{display:block}
 .gft-splash[data-splash=site-selection] .gft-splash__lede{max-width:36ch}
 .ss-tool .ss-link-label input{width:100%}
}