@property --k{syntax:'<number>';inherits:true;initial-value:1}@property --p{syntax:'<number>';inherits:true;initial-value:1}@property --m{syntax:'<number>';inherits:true;initial-value:0}
:root{color-scheme:light dark;
--paper:#f3f0e8;--plate:#fbfaf6;--ink:#16181b;--ink-2:#4a4e54;--ink-3:#767a80;--rule:#dcd6c8;--rule-2:#c4bdac;--grid:rgb(22 24 27/.055);
--signal:#08775a;--signal-soft:#d8eadf;--alert:#cf3c17;--alert-soft:#f7dccf;--focus:#2b59e6;
--sans:"Inter Variable",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
--mono:"JetBrains Mono","Berkeley Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1)}
@media(prefers-color-scheme:dark){:root{--paper:#0f1112;--plate:#151719;--ink:#edebe4;--ink-2:#b6b6ae;--ink-3:#85877f;--rule:#2a2d2f;--rule-2:#3b3f41;--grid:rgb(237 235 228/.045);--signal:#4fd49c;--signal-soft:#123124;--alert:#ff6a43;--alert-soft:#3a1c12;--focus:#88a6ff}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:16px}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 var(--sans);font-feature-settings:"cv11","ss01","ss03";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-variant-numeric:tabular-nums}
.wrap{width:min(1180px,100% - 2*clamp(16px,4vw,40px));margin-inline:auto}
a{color:inherit;text-decoration-color:var(--rule-2);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{text-decoration-color:currentColor}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}
h1,h2,h3,h4,p{margin:0}
h1,h2,h3{font-weight:600;letter-spacing:-.025em;text-wrap:balance}
p{color:var(--ink-2);max-width:72ch;text-wrap:pretty}
code,pre,kbd{font-family:var(--mono);font-size:.92em}
.vh{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;padding:0}
.eyebrow,.fig,.label{font:500 11px/1.4 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3)}
.mark{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.mark circle{fill:var(--paper)}.mark .mark-on{fill:currentColor}

/* Masthead */
.top{border-bottom:1px solid var(--rule)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;flex-wrap:wrap}
.brand{display:inline-flex;align-items:center;gap:10px;font:600 15px var(--sans);letter-spacing:-.01em;text-decoration:none}
.crumbs{display:flex;align-items:center;gap:6px 18px;flex-wrap:wrap;font:13px var(--mono);color:var(--ink-2)}
.crumbs a{text-decoration:none;padding:6px 0}.crumbs a:hover{color:var(--ink)}
.crumbs [aria-current]{color:var(--ink);box-shadow:inset 0 -1.5px var(--ink)}
.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px 48px;padding:clamp(24px,4vw,44px) 0 clamp(18px,2.4vw,26px)}
.hero h1{font-size:clamp(30px,4.4vw,52px);line-height:1.04;letter-spacing:-.04em;margin:10px 0 10px}
.hero p{font-size:16px}
.stats{display:flex;gap:clamp(18px,3vw,40px);margin:0;padding:0}
.stats div{border-left:1px solid var(--rule-2);padding:2px 0 2px 14px}
.stats dt{font:500 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}
.stats dd{margin:4px 0 0;font:500 clamp(24px,3vw,34px)/1 var(--mono);letter-spacing:-.04em;white-space:nowrap}
.stats dd span{color:var(--ink-3);font-size:.55em;letter-spacing:0}
.stats .ok dd{color:var(--signal)}.stats .bad dd{color:var(--alert)}
.tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--rule);margin-bottom:clamp(20px,3vw,32px)}
.tabs a{display:inline-flex;align-items:baseline;gap:8px;padding:10px 14px 11px;text-decoration:none;color:var(--ink-2);border-radius:8px 8px 0 0;margin-bottom:-1px;border:1px solid transparent}
.tabs a:hover{color:var(--ink)}
.tabs b{font:500 12px var(--mono);color:var(--ink-3)}
.tabs [aria-current=page]{color:var(--ink);background:var(--plate);border-color:var(--rule) var(--rule) var(--plate)}

/* Figure plates */
.plate{position:relative;background:var(--plate);border:1px solid var(--rule-2);border-radius:14px;overflow:hidden;
background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:20px 20px;background-position:-1px -1px}
.plate-head{display:flex;align-items:center;justify-content:space-between;gap:10px 20px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid var(--rule)}
.plate-title{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.plate-title h3,.plate-title .h{font:600 14px/1.3 var(--sans);letter-spacing:-.005em;padding:0}
.fig{color:var(--ink)}
.hint{font:12px var(--mono);color:var(--ink-3)}
section,article,aside{scroll-margin-top:12px}

/* Playback controls */
.pb{--pos:calc(var(--k)*(1 - var(--m)) + var(--p)*var(--m));transition:--k .55s var(--ease-out),--m .5s var(--ease-out);animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:paused}
.pb:has(.pb-play-in:checked){--m:1;--k:var(--p);animation-play-state:running}
.pb-ctl{display:inline-flex;gap:6px;align-items:center}
.pb-play,.pb-hold{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border:1px solid var(--rule-2);border-radius:999px;background:var(--plate);font:500 12px var(--mono);letter-spacing:.02em;cursor:pointer;user-select:none;transition:transform .12s var(--ease-out)}
.pb-play svg{width:10px;height:10px;fill:currentColor}
.pb-play:active,.pb-hold:active{transform:scale(.97)}
.pb-play .live,.pb-hold,.pb-hold-in:checked+.pb-hold .pause,.pb-hold .resume{display:none}
.pb-hold-in:checked+.pb-hold .resume{display:inline}
.pb-play-in:checked+.pb-play{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.pb-play-in:checked+.pb-play .idle{display:none}.pb-play-in:checked+.pb-play .live{display:inline}
.pb:has(.pb-play-in:checked) .pb-hold{display:inline-flex}
.pb-play-in:focus-visible+label,.pb-hold-in:focus-visible+label{outline:2px solid var(--focus);outline-offset:2px}
.pb:has(.pb-hold-in:checked),.pb:has(.pb-hold-in:checked) .pb-frame,.pb:has(.pb-hold-in:checked) .pb-progress i{animation-play-state:paused!important}
.pb-progress{height:2px;background:var(--rule);display:none}
.pb-progress i{display:block;height:100%;background:var(--ink);transform-origin:0 50%;transform:scaleX(0)}
.pb:has(.pb-play-in:checked) .pb-progress{display:block}
.pb-progress i{animation:pb-progress 10s linear infinite paused}.pb:has(.pb-play-in:checked) .pb-progress i{animation-play-state:running}
@keyframes pb-progress{to{transform:scaleX(1)}}
.pb-frames{display:grid}
.pb-frame{grid-area:1/1;min-width:0;visibility:hidden;--d:max(var(--pos) - var(--i),var(--i) - var(--pos));opacity:calc(1 - 2*var(--d));transform:translateY(calc(min(var(--d),1)*6px));transition:visibility .4s}

/* Leaf: state rail */
.case-head{display:grid;gap:6px;margin-bottom:18px}
.case-head h2{font-size:clamp(24px,3vw,34px);line-height:1.1;letter-spacing:-.035em}
.rail{border:0;margin:0;padding:0;min-width:0}
.stations{--h:1;--v:0;position:relative;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));padding:22px 10px 24px}
.stations .ink{position:absolute;inset:22px 10px 24px;display:grid;grid-template-columns:inherit;pointer-events:none;background:var(--ink);color:var(--paper);
clip-path:inset(calc(var(--v)*var(--pos)*100%/var(--n) + 2px) calc(var(--h)*(var(--n) - 1 - var(--pos))*100%/var(--n) + 3px) calc(var(--v)*(var(--n) - 1 - var(--pos))*100%/var(--n) + 2px) calc(var(--h)*var(--pos)*100%/var(--n) + 3px) round 10px)}
.station{position:relative;display:flex;flex-direction:column;gap:5px;min-width:0;padding:34px 16px 18px;border-radius:10px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.station small{font:500 11px/1.35 var(--mono);letter-spacing:.04em;color:var(--ink-3);overflow-wrap:anywhere}
.station b{font:600 clamp(17px,1.9vw,23px)/1.15 var(--sans);letter-spacing:-.02em;overflow-wrap:anywhere}
.station.origin{cursor:default}.station.origin b{color:var(--ink-2)}
.ink .station small,.ink .station b{color:var(--paper)}.ink .station small{opacity:.72}
.station .dot{position:absolute;left:14px;top:9px;width:11px;height:11px;border-radius:50%;border:1.5px solid var(--ink-3);background:var(--plate)}
.station .dot::after{content:"";position:absolute;inset:1.5px;border-radius:50%;background:var(--signal);opacity:calc((var(--pos) - var(--i))*4 + 1)}
.ink .dot{border-color:var(--paper);background:var(--ink)}.ink .dot::after{background:var(--paper)}
.track{position:absolute;left:29px;top:36px;width:calc((100% - 20px)*(var(--n) - 1)/var(--n));height:1.5px;background:var(--rule-2);pointer-events:none}
.track i{position:absolute;inset:0;background:var(--signal);transform-origin:0 0;transform:scaleX(calc(var(--pos)/(var(--n) - 1)))}
@media(hover:hover){label.station:hover{background:rgb(127 127 127/.08)}}
.stations input:focus-visible+label{box-shadow:inset 0 0 0 2px var(--focus)}
.frame{padding:clamp(16px,2.4vw,26px);border-top:1px solid var(--rule)}
.frame-head{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline;justify-content:space-between;margin-bottom:14px}
.verdict{display:inline-flex;align-items:center;gap:6px;font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--signal);padding:5px 8px;border-radius:999px;background:var(--signal-soft)}
.verdict.model{color:var(--ink-2);background:rgb(127 127 127/.12)}
.flow{display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(0,1.35fr) 36px minmax(0,1fr);align-items:stretch;margin:0 0 18px;padding:0;list-style:none}
.flow li{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:12px 14px;border:1px solid var(--rule-2);border-radius:10px;background:var(--plate);min-width:0}
.flow li.after{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.flow li.arrow{border:0;background:none;padding:0;align-items:center}
.flow li.arrow svg{width:28px;height:12px;fill:none;stroke:var(--ink-3);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.flow small{font:500 11px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3)}
.flow b{font:600 17px/1.25 var(--sans);letter-spacing:-.015em;overflow-wrap:anywhere}
.frame h4{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:0 0 6px}
.frame pre,.raw pre{margin:0;padding:14px 16px;border-radius:10px;background:var(--paper);border:1px solid var(--rule);white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.6 var(--mono);color:var(--ink)}
details{margin-top:12px}
summary{cursor:pointer;font:500 13px var(--mono);color:var(--ink-2);padding:6px 0;width:fit-content}
summary:hover{color:var(--ink)}
details[open] summary{margin-bottom:8px}

/* Leaf: settings, cube, footer */
.side{margin-top:clamp(28px,4vw,44px)}
.side .plate-body{padding:18px}
.side p{margin:0 0 14px}
.toggles{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:8px}
.toggles a{display:grid;gap:2px;padding:11px 14px;border:1px solid var(--rule-2);border-radius:10px;background:var(--plate);text-decoration:none;color:var(--ink-3);font:12px var(--mono);transition:border-color .15s}
.toggles a:hover{border-color:var(--ink)}
.toggles b{font:600 15px var(--sans);color:var(--ink);display:flex;justify-content:space-between;gap:8px}
.toggles b i{font-style:normal;color:var(--ink-3);font-weight:400}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.chips a{display:inline-flex;align-items:center;min-height:32px;padding:0 11px;border:1px solid var(--rule-2);border-radius:8px;text-decoration:none;font:500 12px var(--mono);color:var(--ink-2);background:var(--plate)}
.chips a:hover{color:var(--ink);border-color:var(--ink)}
.chips [aria-current=page],.cube td [aria-current=page]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.cube-wrap{overflow-x:auto}
.cube{border-collapse:separate;border-spacing:4px;font:12px var(--mono);margin:0 -4px}
.cube caption{text-align:left;padding:0 4px 6px;color:var(--ink-3)}
.cube th{font-weight:500;color:var(--ink-2);padding:4px 8px;text-align:left;white-space:nowrap}
.cube thead th{text-align:center}
.cube td a{display:grid;place-items:center;gap:1px;min-width:68px;padding:8px 6px;border:1px solid var(--rule-2);border-radius:8px;text-decoration:none;color:var(--ink);background:var(--plate)}
.cube td a i{font-style:normal;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}
.cube td a.on i{color:var(--signal)}.cube td a.off i{color:var(--ink-3)}
.cube td a.off{background:repeating-linear-gradient(135deg,transparent 0 5px,rgb(127 127 127/.09) 5px 6px),var(--plate)}
.cube td a:hover{border-color:var(--ink)}
.cube td a[aria-current=page] i{color:inherit}
.legend{display:flex;gap:16px;flex-wrap:wrap;font:12px var(--mono);color:var(--ink-3);margin-top:10px}
.legend span::before{content:"";display:inline-block;width:12px;height:12px;border-radius:3px;border:1px solid var(--rule-2);background:rgb(127 127 127/.08);margin-right:6px;vertical-align:-2px}
.legend .on::before{background:var(--signal-soft);border-color:var(--signal)}
.legend .off::before{background:repeating-linear-gradient(135deg,transparent 0 3px,rgb(127 127 127/.25) 3px 4px)}
.legend .bad::before{background:var(--alert);border-color:var(--alert)}
.evidence{margin-top:clamp(32px,5vw,56px);border-top:1px solid var(--rule);padding:24px 0 56px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 40px;align-items:start}
.evidence h3{font-size:15px;margin-bottom:6px}
.evidence p{font-size:14px}
.links{display:grid;gap:6px;font:13px var(--mono)}
.links a{text-decoration:none;display:flex;justify-content:space-between;gap:24px;padding:8px 12px;border:1px solid var(--rule);border-radius:8px;background:var(--plate)}
.links a:hover{border-color:var(--ink)}

/* Workflow overview */
.ov{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(28px,4vw,44px)}
.sec-head{display:grid;gap:4px;margin-bottom:14px}
.sec-head h2{font-size:clamp(22px,2.6vw,28px);line-height:1.15;letter-spacing:-.03em}
.ov-key{color:var(--alert);font-weight:600}
.ov-lanes .plate-body{padding:6px 18px 18px}
.ov-lane{display:flex;align-items:baseline;justify-content:space-between;gap:6px 16px;flex-wrap:wrap;margin:14px 0 8px}
.ov-lane h3{font:600 14px var(--mono);letter-spacing:0;margin:0}
.ov-lane span{font:12px var(--mono);color:var(--ink-3)}
.ov-lane strong{color:var(--alert);font-weight:600}
.ov-bar{display:block;height:4px;border-radius:2px;background:var(--signal-soft);overflow:hidden;margin-bottom:8px}
.ov-bar i{display:block;height:100%;background:var(--alert)}
.ov-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:3px}
.ov-raster a{display:block;text-align:center;font:500 11px/24px var(--mono);border-radius:4px;background:rgb(127 127 127/.08);color:var(--ink-3);text-decoration:none}
.ov-raster .ov-mismatch{background:var(--alert);color:#fff;font-weight:600}
.ov-raster a:hover{background:var(--ink);color:var(--paper)}
.ov-scroll{overflow-x:auto}
.ov table,.at-table{border-collapse:collapse;width:100%;font-size:14px}
.ov th,.ov td{padding:10px 14px 10px 0;vertical-align:baseline;text-align:left;border-bottom:1px solid var(--rule)}
.ov thead th,.at-table thead th{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.ov tbody th code{color:var(--alert)}
.ov-note{font-size:12.5px;color:var(--ink-2);margin-top:4px}
.ov-id{display:inline-block;font:12px/1.9 var(--mono);margin-right:4px;padding:0 6px;border-radius:4px;background:var(--alert-soft);color:var(--alert);text-decoration:none}
.ov-id:hover{background:var(--alert);color:#fff}
.ov-matrix{display:block;width:100%;min-width:640px;max-width:980px;height:auto;margin:auto}
.ov-matrix text{font:11px var(--mono);fill:var(--ink-2)}
.ov-matrix .grid{stroke:var(--rule)}
.ov-matrix rect{fill:var(--signal)}
.ov-matrix .cnt{fill:var(--ink);font-weight:500}
.ov-matrix .fail{stroke:var(--alert);stroke-width:3}
.ov-matrix g:hover rect{fill:var(--ink);fill-opacity:1}
.ov-matrix g:hover .cnt{fill:var(--paper)}
.matrix-body{padding:16px 18px}

/* Workflow case */
.case-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:0;list-style:none}
.case-meta li{display:inline-flex;gap:6px;align-items:baseline;padding:6px 10px;border:1px solid var(--rule);border-radius:8px;background:var(--plate);font:12px var(--mono);color:var(--ink-3)}
.case-meta b{color:var(--ink);font-weight:500}
.case-meta .bad{border-color:var(--alert);background:var(--alert-soft)}.case-meta .bad b{color:var(--alert)}
.case-meta .good b{color:var(--signal)}
.finding{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 18px;margin:0 0 22px;padding:14px 18px;border-left:3px solid var(--alert);background:var(--alert-soft);border-radius:0 10px 10px 0;font-size:14px}
.finding dt{font:500 11px/1.9 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.finding dd{margin:0;overflow-wrap:anywhere}
.atlas-trace .plate-head p{margin:0;font-size:13px}
.at-scroll{overflow-x:auto;overscroll-behavior-x:contain}
.at-chart{--lw:150px;position:relative;display:grid;grid-template-columns:var(--lw) repeat(var(--n),minmax(54px,1fr));min-width:calc(var(--lw) + var(--n)*54px);margin:0;padding:0 0 10px;border:0}
.at-band{position:absolute;top:0;bottom:0;left:var(--lw);width:calc((100% - var(--lw))/var(--n));pointer-events:none;background:var(--ink);opacity:.075;border-radius:8px;transform:translateX(calc((var(--pos) - 1)*100%))}
.at-note{margin:12px 18px 0;font-size:13px}
.at-corner,.at-name{position:sticky;left:0;z-index:2;background:var(--plate);padding:0 12px 0 18px;display:flex;align-items:center;font:12px var(--sans);color:var(--ink-2);border-right:1px solid var(--rule)}
.at-corner{align-items:flex-end;padding-bottom:10px;font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.at-name.diff{color:var(--alert);font-weight:600}
.at-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;padding:12px 0 10px;cursor:pointer;border-radius:8px;font:500 11px var(--mono);color:var(--ink-3);user-select:none}
.at-col code{writing-mode:vertical-rl;transform:rotate(180deg);font-size:11.5px;color:var(--ink-2);white-space:nowrap;max-height:170px;overflow:hidden;text-overflow:ellipsis}
.at-col.first-diff,.at-col.first-diff code{color:var(--alert)}
.at-col em{font-style:normal;font-weight:700;color:var(--alert)}
@media(hover:hover){.at-col:hover code{color:var(--ink)}}
.at-chart input:checked+.at-col,.at-chart input:checked+.at-col code{color:var(--ink)}
.at-chart input:focus-visible+.at-col{box-shadow:inset 0 0 0 2px var(--focus)}
.at-cell{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:4px;height:38px;padding-bottom:9px;border-top:1px solid var(--rule);font:12px var(--mono);color:var(--ink-2)}
.at-cell i{width:5px;border-radius:2px 2px 0 0;background:var(--ink-3);height:calc(var(--v)*18px + 2px);opacity:.45}
.at-cell.up{color:var(--ink);font-weight:600}.at-cell.up i{background:var(--ink);opacity:1}
.at-cell.diff{color:var(--alert);font-weight:700}.at-cell.diff i{background:var(--alert);opacity:1}
.at-cell.none{color:var(--ink-3)}
.at-legend{display:flex;flex-wrap:wrap;gap:6px 18px;padding:10px 18px 14px;border-top:1px solid var(--rule);font:12px var(--mono);color:var(--ink-3)}
.at-legend b{color:var(--ink)}.at-legend .d{color:var(--alert)}
.at-panel{padding:clamp(16px,2.4vw,24px) 18px;border-top:1px solid var(--rule)}
.at-panel h4{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;font:600 15px var(--sans);margin-bottom:10px}
.at-panel h4 code{font-weight:500}
.at-panel p{font-size:14px;margin:0 0 10px}
.at-first{color:var(--alert)}
.at-table{table-layout:fixed}
.at-table th,.at-table td{padding:7px 10px 7px 0;vertical-align:top;border-bottom:1px solid var(--rule);overflow-wrap:anywhere;text-align:left}
.at-table tbody th{font:500 13px var(--mono)}
.at-table code{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12.5px;color:var(--ink-2)}
.at-table .at-diff th,.at-table .at-diff code{color:var(--alert);font-weight:600}
.at-table .at-diff td,.at-table .at-diff th{background:var(--alert-soft)}
.at-table .at-diff th{padding-left:8px;border-radius:6px 0 0 6px}
.pager{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:20px;font:13px var(--mono)}
.pager a{padding:9px 14px;border:1px solid var(--rule-2);border-radius:8px;text-decoration:none;background:var(--plate)}
.pager a:hover{border-color:var(--ink)}
.foot{margin-top:clamp(36px,5vw,56px);border-top:1px solid var(--rule);padding:18px 0 48px;font:12px/1.6 var(--mono);color:var(--ink-3)}

@media(max-width:760px){
.hero{grid-template-columns:1fr}
.tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.tabs a{white-space:nowrap}
.crumbs{font-size:12px;gap:4px 14px}
.stats{flex-wrap:wrap}
.stations{--h:0;--v:1;grid-template-columns:1fr;grid-auto-rows:1fr;padding:12px 10px}
.stations .ink{grid-template-columns:1fr;grid-auto-rows:1fr;inset:12px 10px}
.station{padding:12px 14px 12px 42px}
.station .dot{left:17px;top:calc(50% - 5.5px)}
.track{left:32px;top:calc(12px + (100% - 24px)/var(--n)/2);width:1.5px;height:calc((100% - 24px)*(var(--n) - 1)/var(--n))}
.track i{transform:scaleY(calc(var(--pos)/(var(--n) - 1)))}
.flow{grid-template-columns:1fr}
.flow li.arrow{height:24px}.flow li.arrow svg{transform:rotate(90deg)}
.evidence{grid-template-columns:1fr}
.at-chart{--lw:112px;grid-template-columns:var(--lw) repeat(var(--n),minmax(46px,1fr));min-width:calc(var(--lw) + var(--n)*46px)}
.at-corner,.at-name{padding-left:12px;font-size:11.5px}
}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
.pb,.pb-frame,.toggles a,.pb-play,.pb-hold{transition:none!important}
.pb-ctl,.pb-progress{display:none!important}
.pb-frame{transform:none}
}