:root{--bg:#f3f6f9;--surface:#fff;--surface-2:#eef3f7;--ink:#102233;--muted:#566778;--line:#d6e0e8;--accent:#1d64a8;--accent-ink:#fff;--accent-soft:#e2edf8;--beak:#d9711c;--beak-soft:#fbeedf;--good:#1f7a4a;--warn:#9a5b00;--warn-soft:#fbedd5;--bad:#b3261e;--chart-1:#1d64a8;--chart-2:#9fb7cc;--font-body:"Figtree", "Segoe UI", system-ui, -apple-system, sans-serif;--font-display:"Bricolage Grotesque", "Figtree", "Segoe UI", system-ui, sans-serif;--font-mono:ui-monospace, "Cascadia Mono", Consolas, monospace;--radius:12px;--shadow:0 1px 2px #1022330f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0a141d;--surface:#111e2a;--surface-2:#0d1923;--ink:#e5edf4;--muted:#93a6b8;--line:#233445;--accent:#6aaeea;--accent-ink:#06121c;--accent-soft:#15293b;--beak:#f29a4a;--beak-soft:#2e2012;--good:#5fcf8f;--warn:#f0b456;--warn-soft:#33260f;--bad:#f2867c;--chart-1:#6aaeea;--chart-2:#3a5168;--shadow:none;color-scheme:dark}}:root[data-theme=dark]{--bg:#0a141d;--surface:#111e2a;--surface-2:#0d1923;--ink:#e5edf4;--muted:#93a6b8;--line:#233445;--accent:#6aaeea;--accent-ink:#06121c;--accent-soft:#15293b;--beak:#f29a4a;--beak-soft:#2e2012;--good:#5fcf8f;--warn:#f0b456;--warn-soft:#33260f;--bad:#f2867c;--chart-1:#6aaeea;--chart-2:#3a5168;--shadow:none;color-scheme:dark}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:16px/1.6 var(--font-body);margin:0}img,svg{max-width:100%}a{color:var(--accent);text-underline-offset:3px}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;letter-spacing:-.01em;margin:0;line-height:1.15}h1{font-size:clamp(1.9rem,4.5vw,2.6rem);font-weight:700}h2{font-size:1.45rem;font-weight:700}h3{font-size:1.1rem;font-weight:650}p{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.num{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.wrap{max-width:1120px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));margin:0 auto}.site-header{background:var(--surface);border-bottom:1px solid var(--line)}.site-header .wrap{flex-wrap:wrap;align-items:center;gap:8px 24px;padding-block:12px;display:flex}.brand{color:var(--ink);font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.3rem;font-weight:800;text-decoration:none;display:flex}.brand b{color:var(--beak);font-weight:800}.site-nav{flex-wrap:wrap;gap:4px 18px;font-size:.95rem;display:flex}.site-nav a{color:var(--muted);font-weight:600;text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--ink)}.site-footer{border-top:1px solid var(--line);background:var(--surface);margin-top:64px}.site-footer .wrap{color:var(--muted);gap:12px;padding-block:28px;font-size:.9rem;display:grid}.site-footer nav{flex-wrap:wrap;gap:6px 18px;display:flex}.site-footer a{color:var(--muted)}main{padding-block:24px 0}.crumbs{color:var(--muted);margin-bottom:10px;font-size:.85rem}.crumbs a{color:var(--muted)}.crumbs span[aria-hidden]{margin-inline:6px}.page-head{gap:8px;margin-bottom:20px;display:grid}.page-head .lead{color:var(--muted);max-width:68ch;font-size:1.05rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.btn{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:9px;padding:7px 13px;font-size:.92rem;font-weight:600;line-height:1.3}.btn:hover{border-color:var(--muted)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.quiet{background:0 0}.btn[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--surface)}.prose{gap:14px;max-width:72ch;display:grid}.prose h2{margin-top:18px}.prose ul,.prose ol{gap:4px;margin:0;padding-left:22px;display:grid}.prose code{font-family:var(--font-mono);background:var(--surface-2);border-radius:5px;padding:1px 5px;font-size:.92em}.formula{font-family:var(--font-mono);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px 14px;overflow-x:auto}.faq{gap:8px;display:grid}.faq details{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 14px}.faq summary{cursor:pointer;font-weight:650}.faq details p{color:var(--muted);margin-top:8px}.tiles{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.tile{color:var(--ink);gap:4px;height:100%;padding:14px 16px;text-decoration:none;display:grid}.tile:hover{border-color:var(--accent)}.tile strong{font-weight:700}.tile span{color:var(--muted);font-size:.9rem;line-height:1.45}.tag{letter-spacing:.06em;text-transform:uppercase;color:var(--beak);font-size:.72rem;font-weight:700;display:inline-block}.section{gap:14px;margin-top:40px;display:grid}.calc{gap:12px;display:grid}.calc-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.calc-toolbar .btn:disabled{opacity:.45;cursor:not-allowed}.calc-status{color:var(--muted);margin-left:auto;font-size:.85rem}.share-url{width:100%;font:inherit;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:8px;padding:8px 10px;font-size:.85rem}.calc-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:16px;display:grid}.calc-grid.multi{grid-template-columns:minmax(0,1fr)}@media (width<=820px){.calc-grid{grid-template-columns:minmax(0,1fr)}}.calc-inputs{padding:18px}.scenario-cols{grid-template-columns:repeat(var(--n,1), minmax(200px, 1fr));gap:20px;display:grid;overflow-x:auto}.scenario{align-content:start;gap:14px;min-width:0;display:grid}.scenario-head{min-height:30px;font-family:var(--font-display);justify-content:space-between;align-items:center;display:flex}.icon-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;width:30px;height:30px;font-size:1.2rem}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}.field{gap:5px;display:grid}.field label{font-size:.92rem;font-weight:600}.field select,.input-wrap{width:100%;font:inherit;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:9px}.field select{padding:9px 10px}.list-input{width:100%;font:inherit;font-variant-numeric:tabular-nums;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);resize:vertical;border-radius:9px;padding:9px 10px}.list-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}.input-wrap{align-items:center;display:flex}.input-wrap input{min-width:0;font:inherit;font-variant-numeric:tabular-nums;color:var(--ink);text-align:right;background:0 0;border:0;flex:1;padding:9px 10px;font-size:1.05rem}.input-wrap input:focus{outline:none}.input-wrap:focus-within,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}.adorn{color:var(--muted);white-space:nowrap;padding:0 10px;font-size:.9rem;font-weight:600}.has-error .input-wrap{border-color:var(--bad)}.field-error{color:var(--bad);font-size:.85rem;font-weight:600}.field-help{color:var(--muted);font-size:.85rem}.calc-results{gap:16px;min-width:0;padding:20px;display:grid}.result{gap:16px;display:grid}.calc-results>*,.result>*{min-width:0}.result-label{color:var(--muted);font-weight:600}.result-main{font-family:var(--font-display);color:var(--ink);margin-top:-10px;font-size:clamp(2rem,6vw,2.8rem);font-weight:800;line-height:1.05}.result-main small{font-family:var(--font-body);color:var(--muted);font-size:1rem;font-weight:600}.result-list{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:0;display:grid}.result-list div{background:var(--surface-2);border-radius:9px;padding:10px 12px}.result-list dt{color:var(--muted);font-size:.82rem;font-weight:600}.result-list dd{margin:0;font-size:1.1rem;font-weight:700}.reading{background:var(--beak-soft);border-left:3px solid var(--beak);border-radius:0 9px 9px 0;padding:10px 14px}.working h3{margin-bottom:8px}.working ol{counter-reset:step;gap:6px;margin:0;padding:0;list-style:none;display:grid}.working li{counter-increment:step;border-bottom:1px dashed var(--line);grid-template-columns:28px minmax(0,1fr) fit-content(45%);grid-template-areas:"n label value""n code value";align-items:baseline;gap:2px 10px;padding:8px 0;display:grid}.working li:before{content:counter(step);background:var(--accent-soft);width:24px;height:24px;color:var(--accent);border-radius:50%;grid-area:n;place-items:center;font-size:.8rem;font-weight:700;display:grid}@media (width<=520px){.working li{grid-template-columns:28px minmax(0,1fr);grid-template-areas:"n label""n code""n value"}.working li strong{text-align:left}}.step-label{grid-area:label;font-weight:600}.working code{font-family:var(--font-mono);color:var(--muted);overflow-wrap:anywhere;grid-area:code;font-size:.85rem}.working strong{text-align:right;grid-area:value}.problems{background:var(--warn-soft);color:var(--warn);border-radius:9px;margin:0;padding:12px 14px 12px 32px;font-weight:600}.notes{color:var(--muted);gap:4px;margin:0;padding-left:20px;font-size:.85rem;display:grid}.chart{gap:10px;margin:0;display:grid}.chart figcaption{font-weight:650}.chart svg{width:100%;height:auto;display:block}.axis-note{color:var(--muted);font-size:.8rem}.stack{background:var(--surface-2);border-radius:99px;height:18px;display:flex;overflow:hidden}.stack span{height:100%;display:block}.legend{gap:6px;margin:0;padding:0;list-style:none;display:grid}.legend li{grid-template-columns:12px minmax(0,1fr) auto 56px;align-items:center;gap:10px;display:grid}.legend i{border-radius:3px;width:12px;height:12px}.legend em{color:var(--muted);text-align:right;font-style:normal}.table-box summary{cursor:pointer;font-weight:650}.table-scroll{margin-top:8px;overflow-x:auto}.table-box table,table.compare{border-collapse:collapse;width:100%;font-size:.92rem}.table-box th,.table-box td,.compare th,.compare td{border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;padding:8px 10px}.table-box th:first-child,.table-box td:first-child,.compare th:first-child{text-align:left}.table-box thead th,.compare thead th{color:var(--muted);font-size:.8rem}tr.hl td,tr.hl th{background:var(--accent-soft);font-weight:700}.compare td small{color:var(--muted);font-size:.78rem;font-weight:600;display:block}.compare td.nil{color:var(--muted)}.tabs{flex-wrap:wrap;gap:6px;display:flex}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.trust{color:var(--muted);flex-wrap:wrap;gap:4px 16px;font-size:.85rem;display:flex}
