:root{--fg:#0f172a;--muted:#475569;--bg:#ffffff;--card:#ffffff;--border:#e2e8f0;--accent:#0ea5e9;--warn-bg:#fff7ed;--warn-fg:#9a3412}@media (prefers-color-scheme:dark){:root{--fg:#e5e7eb;--muted:#9ca3af;--bg:#0b1220;--card:#0f172a;--border:#1f2937;--accent:#38bdf8;--warn-bg:#2b1d0f;--warn-fg:#f59e0b}}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;scroll-behavior:smooth}.container{max-width:920px;margin:0 auto;padding:24px 20px 80px}.siteHeader{align-items:center;justify-content:space-between;margin-bottom:16px}.siteHeader,.topNav{display:flex;flex-wrap:wrap;gap:12px}.topNav a{text-decoration:none;font-size:14px;color:var(--muted);border:1px solid var(--border);padding:6px 10px;border-radius:999px}.topNav a:hover{color:var(--fg)}h1{font-size:clamp(28px,5vw,44px);line-height:1.1;margin:6px 0 10px}h2{margin-top:36px;font-size:24px}li,p{color:var(--fg);font-size:18px;line-height:1.75}a{color:var(--accent);text-decoration:underline}.muted{color:var(--muted)}.tiny{font-size:13px}footer.footer{margin-top:40px;font-size:14px;color:var(--muted)}.pill{display:inline-block;font-size:12px;padding:6px 10px;border:1px solid #bae6fd;color:#0369a1;background:#f0f9ff;border-radius:999px}@media (prefers-color-scheme:dark){.pill{border-color:#164e63;color:#67e8f9;background:#022c22}}.card{border:1px solid var(--border);border-radius:16px;padding:18px 20px;background:var(--card)}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px;margin:20px 0 8px}.metric{border:1px solid var(--border);border-radius:12px;padding:12px;background:var(--card)}.metric-label{font-size:12px;color:var(--muted)}.metric-value{font-size:22px;font-weight:700;margin-top:2px}.metric-source{font-size:12px;margin-top:4px}.viz{margin-top:8px}.viz-title{font-size:14px;color:var(--muted);margin-bottom:8px}.barGrid{display:grid;grid-gap:8px;gap:8px}.bar{display:flex;align-items:center;gap:8px}.barLabel{width:260px;font-size:14px;color:var(--muted)}.barValue{display:inline-block;background:var(--accent);color:#002;padding:4px 8px;border-radius:8px;font-weight:600}.callout.warn{background:var(--warn-bg);color:var(--warn-fg);border-color:#fed7aa}.tldr li{margin-bottom:6px}.refs{padding-left:22px}.refs li{font-size:14px;line-height:1.6;margin-bottom:8px}.stickyToc{position:-webkit-sticky;position:sticky;top:12px;z-index:1;padding:10px 0;margin:10px 0 20px;border-top:1px dashed var(--border);border-bottom:1px dashed var(--border)}.stickyToc ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.stickyToc a{text-decoration:none;font-size:13px;border:1px solid var(--border);padding:6px 10px;border-radius:999px;color:var(--muted)}.stickyToc a.active,.stickyToc a:hover{color:var(--fg)}.calcGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:12px;gap:12px}.calcGrid label{display:flex;flex-direction:column;gap:6px;font-size:14px}.calcGrid input{border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:16px;background:var(--bg);color:var(--fg)}.hint{font-size:12px;color:var(--muted);margin-top:4px}.presets{display:flex;flex-wrap:wrap;gap:8px;border:none;padding:0;margin:8px 0 0}.presets legend{position:absolute;opacity:0;pointer-events:none}.presets button{border:1px solid var(--border);background:var(--card);color:var(--fg);border-radius:999px;padding:6px 10px;font-size:12px;cursor:pointer}.presets button:hover{filter:brightness(1.05)}.calcResult{margin-top:12px}.resultBig{font-size:18px;margin-bottom:4px}.resultSmall{font-size:14px;color:var(--muted)}.linkBtn{background:none;border:none;color:var(--accent);text-decoration:underline;padding:6px 0;cursor:pointer;font-size:14px}