.page{max-width:1080px;margin:0 auto;padding:24px 16px 40px}header h1{margin:0 0 8px;font-size:1.8rem;letter-spacing:-.01em}.claim{margin:0 0 20px;max-width:64ch;font-size:1.05rem;color:#334155}.layout{display:grid;grid-template-columns:minmax(320px,5fr) minmax(360px,6fr);gap:20px;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px 18px 20px}.panel h2{margin:0 0 12px;font-size:1.05rem}.panel h2+.diagram{display:block}.panel h2:not(:first-child){margin-top:22px}.presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.preset{border:1px solid var(--line);background:#f8fafc;color:var(--ink);border-radius:8px;padding:6px 10px;font:inherit;font-size:.85rem;cursor:pointer}.preset:hover{border-color:var(--accent)}.preset.active{background:var(--accent);border-color:var(--accent);color:#fff}.slider-row{margin-bottom:14px}.slider-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:2px}.slider-head label{font-weight:600;font-size:.92rem}.slider-value{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:600;font-size:.92rem;white-space:nowrap}.slider-row input[type=range]{width:100%;accent-color:var(--accent);margin:4px 0 0}.hint{margin:4px 0 0;font-size:.8rem;color:var(--muted)}.banner{margin:18px 0 4px;padding:10px 12px;border-radius:8px;font-weight:600;font-size:.92rem}.banner.needed{background:var(--warn-bg);color:var(--warn-ink)}.banner.ok{background:var(--good-bg);color:var(--good-ink)}.readouts{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.readouts>div{border-top:1px solid var(--line);padding-top:6px}.readouts dt{font-size:.78rem;color:var(--muted)}.readouts dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}.diagram{height:auto}.dlabel{font-size:15px;font-weight:600}.math{margin:0;padding-left:20px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;color:#334155}.math li{margin-bottom:6px}footer{margin-top:24px;font-size:.82rem;color:var(--muted)}footer a{color:var(--accent);word-break:break-all}footer p{margin:4px 0}@media(max-width:760px){.layout{grid-template-columns:1fr}.page{padding:16px 12px 32px}header h1{font-size:1.45rem}.readouts{grid-template-columns:1fr;gap:8px}}*,*:before,*:after{box-sizing:border-box}:root{--bg: #f1f5f9;--panel: #ffffff;--ink: #0f172a;--muted: #64748b;--line: #e2e8f0;--accent: #2563eb;--good-bg: #dcfce7;--good-ink: #166534;--warn-bg: #fee2e2;--warn-ink: #991b1b}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;-webkit-text-size-adjust:100%}