:root{color-scheme:light dark;--bg:#F5F5F1;--fg:#2F2F28;--mute:#66665E;--line:#D6D6D0;--card:#fff;--acc:#B8431A;--grid:#E6E6E0;--font-sans:Inter,'Helvetica Neue',Arial,sans-serif;--font-mono:'IBM Plex Mono',monospace}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#141412;--fg:#EDEDE6;--mute:#ABABA2;--line:#3A3A34;--card:#1C1C19;--acc:#F2865C;--grid:#2B2B27}}
:root[data-theme=dark]{--bg:#141412;--fg:#EDEDE6;--mute:#ABABA2;--line:#3A3A34;--card:#1C1C19;--acc:#F2865C;--grid:#2B2B27}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:var(--font-sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
main{max-width:1120px;padding:28px 24px 80px}
a{color:inherit;text-underline-offset:3px;text-decoration-color:var(--acc)}
:focus-visible{outline:2px solid #1F5FD6;outline-offset:4px}
.run{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--grid);font:11px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.brand{display:flex;align-items:center;gap:8px;color:var(--fg);font-weight:500;text-decoration:none}.brand img{flex:none}
.hero{display:block;padding:44px 0 24px;margin:0;max-width:900px}
.eyebrow{font:500 11px var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--acc);margin:0 0 14px}
h1,h2,h3,.big,.tile .tv,.pk .s,.task-signal .sg .s,.task-kernel .sg .s,.task-signal .stat b,.task-kernel .stat b{font-family:var(--font-sans);font-weight:600}
h1{font-size:clamp(36px,5.2vw,54px);line-height:1.04;letter-spacing:-.024em;margin:0 0 18px}
.lede{font-size:clamp(18px,2.1vw,21px);line-height:1.45;max-width:62ch;margin-bottom:18px}
.hero .sub{font-size:14px;line-height:1.65;max-width:88ch}
.result-number{color:var(--acc);white-space:nowrap}
.result-tasks{display:flex;flex-wrap:wrap;gap:8px 20px;margin:24px 0 28px;max-width:780px;font-size:13px;font-weight:500;color:var(--acc)}
.result-tasks span{padding:3px 0}.result-tasks .result-tie{color:var(--mute)}
h2{font-size:clamp(24px,3vw,32px);line-height:1.2;letter-spacing:-.02em;margin:64px 0 18px;scroll-margin-top:24px}
h2 .note{display:block;font:13px var(--font-mono);margin-top:10px;color:var(--mute)}
h3{font-size:20px;letter-spacing:-.01em}.tasktext{font-size:16px;line-height:1.7;max-width:84ch}
.fig{padding:22px 24px 20px;border:1px solid var(--grid);border-radius:10px;margin:20px 0;background:var(--card)}
.cap{font-size:14px;line-height:1.65;overflow-wrap:anywhere}.legend2{font-size:12px;line-height:1.7;margin:16px 0 28px}
.tasktext,.sub{overflow-wrap:anywhere}.fig{max-width:100%}.pk{min-width:0;overflow-x:auto}
.two{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px}.two>*{min-width:0}
.pk,.sg,.tile{border-color:var(--grid);border-radius:8px;padding:16px}.pk .h,.pk .d{line-height:1.6}.pk .h{gap:12px;flex-wrap:wrap}
.strip,.strip2{gap:20px}.sumtbl table{min-width:980px}.sumtbl th{font-size:11px;text-transform:uppercase;letter-spacing:.06em}.sumtbl td{padding:13px 10px;font-size:13px}.sumtbl tr:last-child td{border-bottom:0}
.ctl button{min-height:44px;padding:8px 14px;border-radius:6px}.ctl{font-size:13px;gap:14px}
.fig>svg{min-width:640px}.two .fig>svg{min-width:500px}.viz>svg{min-width:0}
svg text,#terr-poly svg text,#terr-kern svg text{font-family:var(--font-mono)}
@media(max-width:820px){.two{grid-template-columns:1fr;gap:0}.two .fig{margin-bottom:4px}.strip2{grid-template-columns:1fr}main{padding:22px 18px 56px}.fig{padding:16px}.hero{padding:34px 0 18px}h2{margin-top:48px}.run{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}