:root{color-scheme:light;--ink:#163235;--muted:#435f61;--accent:#006f6b;--line:#cededb;--paper:#f7faf7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.62 system-ui,sans-serif}main{max-width:1050px;margin:auto;padding:52px 30px 80px}header{padding-bottom:24px}h1{font-size:clamp(2rem,5vw,3.65rem);line-height:1.12;letter-spacing:-.04em;max-width:930px;margin:14px 0 25px}h2{font-size:1.65rem;line-height:1.25;letter-spacing:-.025em}.eyebrow{font-size:.76rem;letter-spacing:.15em;font-weight:750;color:var(--accent)}.intro{font-size:1.22rem;max-width:790px}.scope,.note{color:var(--muted);font-size:.93rem}.scope{border-left:4px solid var(--accent);padding-left:18px}section{padding:25px 0;border-top:1px solid var(--line)}a{color:var(--accent);text-underline-offset:3px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:28px 0}label{display:block;font-size:.95rem;font-weight:650}output{float:right;color:var(--accent);font-variant-numeric:tabular-nums}input[type=range]{display:block;width:100%;accent-color:var(--accent);margin:12px 0 27px;min-height:28px}.check{font-weight:500;display:flex;align-items:flex-start;gap:9px}.check input{margin-top:7px;width:17px;height:17px;flex-shrink:0;accent-color:var(--accent)}button{background:var(--ink);color:white;font:inherit;border:0;border-radius:5px;padding:9px 16px;margin-top:18px;cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #d6a031;outline-offset:4px}dl{margin:0}dl div{display:flex;justify-content:space-between;gap:15px;padding:8px 0;border-bottom:1px solid var(--line)}dt{font-size:.9rem;color:var(--muted)}dd{margin:0;white-space:nowrap;font-weight:700;font-variant-numeric:tabular-nums}.formula{font:1.1rem/1.9 ui-monospace,monospace;background:#e7f1ec;padding:16px 20px;border-radius:6px}.series{display:flex;align-items:center;justify-content:center;gap:18px;padding:24px 0}.series div{text-align:center;padding:18px 24px;border:1px solid #94b8ae;border-radius:5px;background:#edf5ef}.series strong{font-size:1.35rem;color:var(--accent)}.series small{display:block;color:var(--muted)}#composition{font-weight:700;color:var(--accent)}@media(max-width:650px){main{padding:28px 18px 45px}.grid{grid-template-columns:1fr;gap:28px}.series{gap:8px}.series div{padding:13px 9px;font-size:.84rem}.series strong{font-size:1.12rem}h2{font-size:1.4rem}body{font-size:16px}.formula{font-size:1rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}