:root{font:15px/1.5 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#192522;background:#f3f6f4;--green:#1b6653;--line:#d9e2dd;--paper:#fff;--muted:#64736c;--mint:#e3f1ea}*{box-sizing:border-box}body{margin:0}header{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 max(22px,calc((100% - 1060px)/2));border-bottom:1px solid var(--line);background:#fbfcfb}a{color:var(--green)}.brand{text-decoration:none;font-weight:800;letter-spacing:-.05em;color:#192522}.brand span{font-size:10px;letter-spacing:.13em;color:var(--muted);margin-left:8px}header>a:last-child{font-size:12px}main{max-width:1060px;padding:46px 22px 60px;margin:auto}.intro{max-width:700px;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:.16em;color:var(--green);font-weight:750;margin:0 0 8px}.intro h1{font-size:clamp(38px,6vw,62px);line-height:1;letter-spacing:-.065em;margin:0}.intro em{font-style:normal;color:var(--green)}.intro>p:last-child{color:var(--muted);max-width:560px}.panel{padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:15px;box-shadow:0 5px 20px #153e2d07}.controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.controls label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:650}input{border:1px solid var(--line);border-radius:9px;padding:11px;font:inherit;color:#192522;min-width:0}input:focus{outline:3px solid #83c6ae;outline-offset:1px}.error{color:#a73532;min-height:20px;font-size:13px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 14px}.panel h2{font-size:20px;letter-spacing:-.04em;margin:0 0 12px}.value{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #edf1ee;font-size:13px}.value span{color:var(--muted)}.value strong{font-variant-numeric:tabular-nums;text-align:right}.muted,details p,.examples p{color:var(--muted);font-size:13px;line-height:1.65}.muted{margin:14px 0 0}details{margin:18px 0}summary{font-weight:700;cursor:pointer}details p{margin-bottom:0}.examples{margin:18px 0}footer{border-top:1px solid var(--line);padding-top:18px;color:var(--muted);font-size:12px}@media(max-width:680px){main{padding:34px 15px}.grid,.controls{grid-template-columns:1fr}.panel{padding:18px}header{padding:0 15px}}