@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{--bg: #e9edf2;--grid: rgba(20, 33, 58, .05);--card: #fbfcfe;--ink: #14213a;--muted: #66718a;--line: #cfd6e2;--accent: #1f5fa8;--accent-soft: #e2ecf6;--signal: #e4572e;--signal-soft: #fbe5dd;--warn: #9a2b1e;--warn-soft: #f4ddd8;--pos: var(--signal);--neg: var(--accent);--radius: 3px;--shadow: 0 1px 0 var(--line);--display: "Space Grotesk", system-ui, sans-serif;--body: "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:15px/1.55 var(--body);background-color:var(--bg);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:26px 26px;background-position:-1px -1px}#site-nav{display:flex;align-items:center;gap:24px;padding:14px 28px;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{font-family:var(--display);font-weight:700;text-decoration:none;color:var(--ink);font-size:18px;letter-spacing:-.01em}.brand-mark{background:var(--ink);color:var(--bg);padding:2px 7px;border-radius:2px;font-family:var(--mono);font-weight:600;font-size:13px;letter-spacing:.02em;margin-right:4px}#site-nav nav{display:flex;gap:4px;flex-wrap:wrap}#site-nav nav a{text-decoration:none;color:var(--muted);padding:6px 12px;border-radius:2px;font-weight:500}#site-nav nav a:hover{background:var(--bg);color:var(--ink)}#site-nav nav a.active{background:var(--accent-soft);color:var(--accent)}.page{max-width:940px;margin:0 auto;padding:32px 24px 80px}.page>h1{font-family:var(--display);font-size:31px;font-weight:700;margin:0 0 8px;letter-spacing:-.025em}.lede{color:var(--muted);font-size:17px;margin:0 0 28px;max-width:64ch}.card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px 24px 22px;margin-bottom:22px}.card:before{content:"";position:absolute;top:0;left:-1px;right:-1px;height:2px;background:repeating-linear-gradient(90deg,var(--accent) 0 1px,transparent 1px 8px);opacity:.4}.card>h2{font-family:var(--display);font-size:18px;font-weight:600;letter-spacing:-.01em;margin:0 0 14px}.hint{color:var(--muted);font-size:14px;margin:-6px 0 16px;max-width:70ch}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}@media(max-width:760px){.grid-2{grid-template-columns:1fr}}fieldset{border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;margin:0}legend{font-family:var(--mono);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:0 6px;color:var(--accent)}.field-row{display:flex;gap:16px;margin-bottom:14px}.field-row>*{flex:1}label{display:block;font-family:var(--mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:8px}input,select{width:100%;margin-top:4px;padding:9px 11px;font:15px/1.2 var(--mono);border:1px solid var(--line);border-radius:2px;background:#fff;color:var(--ink)}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.verdict{font-weight:600;font-size:16px;padding:12px 14px;border-radius:2px;margin-bottom:16px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;border-left:3px solid transparent}.verdict.sig{background:var(--signal-soft);color:var(--signal);border-left-color:var(--signal)}.verdict.nsig{background:var(--accent-soft);color:var(--accent);border-left-color:var(--accent)}.verdict.warn{background:var(--warn-soft);color:var(--warn);border-left-color:var(--warn)}.verdict small{font-weight:500;opacity:.85}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:2px;overflow:hidden}.metric{background:var(--card);padding:11px 14px}.metric .k{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.metric .v{font-family:var(--mono);font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}.metric .v.pos{color:var(--pos)}.metric .v.neg{color:var(--neg)}.chart{width:100%;height:340px}.explain h2{font-family:var(--display);margin-bottom:10px}.explain p{margin:0 0 12px;max-width:72ch}.explain p:last-child{margin-bottom:0}.explain strong{color:var(--ink)}.explain .caveat{color:var(--muted);font-size:14px;border-left:3px solid var(--signal);padding-left:12px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;padding:18px 0 36px}.hero-copy .tile-tag{display:block;margin-bottom:10px}.hero h1{font-family:var(--display);font-size:38px;font-weight:700;margin:0 0 14px;letter-spacing:-.035em;line-height:1.06}.hero .lede{margin-bottom:22px}.hero-cta{display:flex;gap:10px;flex-wrap:wrap}.hero-cta .run{text-decoration:none;padding:11px 20px}.hero-dist{margin:0;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 14px 8px;position:relative}.hero-dist:before{content:"";position:absolute;top:0;left:-1px;right:-1px;height:2px;background:repeating-linear-gradient(90deg,var(--accent) 0 1px,transparent 1px 8px);opacity:.4}.hero-dist canvas{width:100%;height:230px;display:block}.hero-dist figcaption{font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--muted);text-align:center;padding:6px 0 2px}@media(max-width:760px){.hero{grid-template-columns:1fr;gap:22px}}.cards-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}a.tile{display:block;text-decoration:none;color:inherit;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);transition:transform .12s,border-color .12s}a.tile:hover{transform:translateY(-2px);border-color:var(--signal)}a.tile.featured{background:linear-gradient(135deg,var(--card),color-mix(in srgb,var(--signal) 12%,var(--card)));border-color:color-mix(in srgb,var(--signal) 35%,var(--line))}a.tile.featured .tile-tag{color:var(--signal);font-weight:700}a.tile h3{font-family:var(--display);font-weight:600;margin:0 0 6px;font-size:17px}a.tile p{margin:0;color:var(--muted);font-size:14px}.tile-tag{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-weight:500}output.out{display:block;margin-top:4px;padding:9px 11px;background:var(--accent-soft);color:var(--accent);border-radius:2px;font-family:var(--mono);font-weight:600;font-variant-numeric:tabular-nums}.toggle-row{display:flex;gap:8px;margin-bottom:16px}.toggle-row button{flex:1;padding:9px;border:1px solid var(--line);background:#fff;border-radius:2px;font-family:var(--mono);font-size:13px;font-weight:600;color:var(--muted);cursor:pointer}.toggle-row button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.sim-controls{display:flex;flex-wrap:wrap;gap:16px 22px;align-items:end;margin-bottom:18px}.sim-controls label{margin:0;min-width:130px}.sim-controls .range-val{font-family:var(--mono);color:var(--signal);font-weight:600}input[type=range]{accent-color:var(--accent);padding:0}.run{display:inline-block;padding:9px 18px;border:0;border-radius:2px;background:var(--accent);color:#fff;font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.02em;cursor:pointer}.run:hover{background:#184f8e}.run.ghost{background:#fff;color:var(--accent);border:1px solid var(--line)}canvas.sim{width:100%;height:320px;display:block;border-radius:2px}.stat-readout{display:flex;gap:28px;flex-wrap:wrap;margin:14px 0 0}.stat-readout .r{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.stat-readout .r b{display:block;font-family:var(--mono);font-size:22px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink);font-variant-numeric:tabular-nums}.stat-readout .r b.pos{color:var(--pos)}.stat-readout .r b.neg{color:var(--neg)}.term{border-bottom:1px dotted var(--muted);cursor:help}.term[data-tip]{position:relative}.term[data-tip]:hover:after,.term[data-tip].touched:after{content:attr(data-tip);position:absolute;left:0;bottom:135%;width:max-content;max-width:260px;background:var(--ink);color:#fff;padding:8px 11px;border-radius:3px;font-size:12px;font-weight:400;line-height:1.45;z-index:30;box-shadow:0 6px 20px #14213a2e;white-space:normal}.term[data-tip]:hover:before,.term[data-tip].touched:before{content:"";position:absolute;left:12px;bottom:122%;border:6px solid transparent;border-top-color:var(--ink);z-index:30}.toc{position:sticky;top:60px;z-index:5;display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px;margin:0 0 24px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.toc a{text-decoration:none;color:var(--muted);font-family:var(--mono);font-size:12px;font-weight:500;padding:4px 10px;border-radius:2px}.toc a:hover{background:var(--accent-soft);color:var(--accent)}.copy-link{font-family:var(--mono);font-size:12px;font-weight:600;color:var(--accent);background:var(--accent-soft);border:0;border-radius:2px;padding:7px 12px;cursor:pointer;margin-top:12px}.copy-link:hover{background:#d3e2f2}.variant-grid{display:flex;flex-direction:column;gap:8px}.variant-row{display:grid;grid-template-columns:1fr 1.3fr 1.3fr auto;gap:8px;align-items:center}.variant-row input{margin-top:0}.variant-row .vlabel{font-family:var(--mono);font-size:13px;font-weight:600;color:var(--muted)}.variant-row button.del{border:1px solid var(--line);background:#fff;color:var(--warn);border-radius:2px;padding:6px 10px;cursor:pointer}.row-add{margin-top:10px}.compare-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:4px 0 0}@media(max-width:640px){.compare-2{grid-template-columns:1fr}.variant-row{grid-template-columns:1fr 1fr}}.panel{border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.panel h4{font-family:var(--display);margin:0 0 10px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.panel h4 .dot{width:9px;height:9px;border-radius:50%}.panel .big{font-family:var(--mono);font-size:24px;font-weight:600;font-variant-numeric:tabular-nums}.panel .sub{font-size:13px;color:var(--muted);margin-top:2px}.panel.win{border-color:var(--signal);background:var(--signal-soft)}dl.glossar{margin:0}dl.glossar dt{font-family:var(--display);font-weight:600;color:var(--ink);margin-top:18px;font-size:15px}dl.glossar dt:first-child{margin-top:0}dl.glossar dd{margin:4px 0 0;color:var(--muted);max-width:76ch}dl.glossar dd .formula{font-family:var(--mono);background:var(--bg);padding:1px 6px;border-radius:3px;color:var(--ink);font-size:13px}dl.glossar dd em.warn{color:var(--signal);font-style:normal;font-weight:600}ul.todo{line-height:1.9;color:var(--muted)}ul.todo strong{color:var(--ink)}.badge{display:inline-block;background:var(--signal-soft);color:var(--signal);font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.03em;padding:2px 9px;border-radius:2px}.cs-progress{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px;margin-bottom:22px;box-shadow:var(--shadow)}.cs-progress li{font-size:14px;color:var(--muted);padding:4px 0 4px 36px}.cs-progress li.active{color:var(--ink);font-weight:600}.cs-progress li.active:before{background:var(--signal);box-shadow:0 0 0 4px color-mix(in srgb,var(--signal) 25%,transparent)}.cs-form{margin:14px 0}.cs-nav{display:flex;justify-content:space-between;gap:12px;margin-top:22px;flex-wrap:wrap}.cs-stage h2{margin-top:0}.lesart{display:flex;gap:12px;align-items:flex-start;margin-top:14px;padding:14px 16px;background:color-mix(in srgb,var(--signal) 7%,var(--card));border-left:3px solid var(--signal);border-radius:0 8px 8px 0;font-size:14px;line-height:1.55}.lesart:before{content:"👁";font-size:18px;line-height:1;flex-shrink:0}.lesart b{display:block;color:var(--ink);margin-bottom:4px;font-weight:600}.lesart code{background:var(--bg);padding:1px 6px;border-radius:4px;font-family:var(--mono, ui-monospace, monospace);font-size:13px}ol.steps{list-style:none;counter-reset:step;margin:14px 0;padding:0}ol.steps li{counter-increment:step;position:relative;padding:8px 0 8px 40px;border-bottom:1px dashed var(--line)}ol.steps li:last-child{border-bottom:none}ol.steps li:before{content:counter(step);position:absolute;left:0;top:8px;width:26px;height:26px;border-radius:50%;background:var(--signal);color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center}ol.steps li.active:before{box-shadow:0 0 0 4px color-mix(in srgb,var(--signal) 25%,transparent)}.formula-display{display:block;margin:10px 0;padding:10px 14px;background:var(--bg);border-radius:6px;font-family:var(--mono, ui-monospace, monospace);font-size:15px;text-align:center}@media(max-width:480px){#site-nav{padding:10px 14px;gap:14px}#site-nav nav{gap:4px}#site-nav nav a{padding:5px 9px;font-size:13px}.brand{font-size:16px}.page{padding:20px 14px 60px}.page>h1{font-size:25px}.hero h1{font-size:29px}.lede{font-size:15px}.field-row{flex-direction:column;gap:12px}.sim-controls{gap:12px}.sim-controls label{min-width:0;width:100%}.metrics{grid-template-columns:1fr}.metric .v{font-size:16px}.cards-3{grid-template-columns:1fr}.chart{height:280px}.variant-row{grid-template-columns:1fr;gap:6px}.variant-row .vlabel{font-size:14px;margin-top:6px}.toc{padding:8px 10px;gap:4px}.toc a{font-size:12px;padding:3px 8px}.term[data-tip]:hover:after,.term[data-tip].touched:after{max-width:220px}.panel .big{font-size:19px}.verdict{font-size:14px}.copy-link{width:100%}}a:focus-visible,button:focus-visible,.toc a:focus-visible,#site-nav nav a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}