*{box-sizing:border-box}body{margin:0;background:#eef3f5;color:#203645;font:16px/1.65 system-ui,sans-serif}a{color:#075578;text-underline-offset:.18em}button,input,textarea{font:inherit}header,main,footer{max-width:1240px;margin:auto;padding:22px 28px}header{border-bottom:1px solid #b8cdc4;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{font-size:23px;font-weight:800;text-decoration:none;color:#203645;display:flex;gap:10px;align-items:center}.brand span{padding:0 10px;background:#176385;color:white;border-radius:5px}nav,.footer-links{display:flex;gap:17px;flex-wrap:wrap}nav a{font-size:14px}.hero{max-width:800px;padding:35px 0}.eyebrow{font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#346279}h1{font:750 clamp(2rem,4.5vw,3.6rem)/1.08 system-ui;letter-spacing:-.04em;margin:12px 0 24px}h2{font-size:22px;line-height:1.3;margin:30px 0 15px}h3{font-size:17px;line-height:1.35}.lede{font-size:20px}.chips{display:flex;gap:10px;flex-wrap:wrap}.chips span{font-size:12px;border:1px solid #a6c6b8;border-radius:30px;background:#e3ede4;padding:5px 11px}.workbench{display:grid;grid-template-columns:.85fr 1.25fr;gap:24px;align-items:start}.panel{background:#ffffff;border:1px solid #adc7bc;border-top:4px solid #176385;padding:25px;border-radius:10px;min-width:0}.panel h2{margin:0 0 24px}label{display:block;font-weight:750;margin:15px 0 8px}input,textarea{width:100%;min-width:0;padding:12px;border:1px solid #7eaa9e;border-radius:6px;background:white;color:#203645;font:16px/1.5 ui-monospace,Consolas,monospace}textarea{resize:vertical}button{border:1px solid #176385;border-radius:6px;background:#176385;color:white;font-size:14px;font-weight:700;padding:11px 16px;cursor:pointer}button.secondary{background:#f7fbf5;color:#176385}button:disabled{opacity:.5;cursor:default}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.note{font-size:13px;color:#3c5e56}.error{color:#9b3021;font-weight:700}.model-box{background:#e7efe5;border:1px solid #b0c7ac;border-radius:7px;padding:16px;margin-top:26px;font-size:14px}.model-box h3{margin:0 0 12px}.model-box p{margin:10px 0}.result-label{font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin:22px 0 5px}.big-result{font:700 clamp(1.2rem,2.4vw,1.9rem)/1.3 ui-monospace,Consolas,monospace;margin:0 0 25px;overflow-wrap:anywhere}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin:20px 0}.metrics>div{border-top:1px solid #d2ded4;padding:12px 0;min-width:0}dt{font-size:12px;color:#48635b}dd{margin:3px 0 0;font:650 16px/1.5 ui-monospace,Consolas,monospace;overflow-wrap:anywhere}details{border-top:1px solid #b8cdc4;padding-top:18px;margin-top:20px}summary{font-weight:750;cursor:pointer}.bit-label{font-size:12px;font-weight:700;margin:15px 0 4px}.bits{display:grid;grid-template-columns:repeat(32,minmax(0,1fr));gap:1px;font:11px/1.8 ui-monospace,Consolas,monospace}.bits span{text-align:center}.prefix-bit,.legend-prefix{background:#176385;color:white}.remainder-bit,.legend-remainder{background:#d9e1d5;color:#244a3c}.legend-prefix,.legend-remainder{padding:1px 5px;border-radius:3px}code{background:#e0eade;border-radius:3px;padding:1px 4px;font-size:.92em;overflow-wrap:anywhere}.reading{max-width:820px;margin:40px auto}.reading p{overflow-wrap:anywhere}.reading h1{margin-bottom:30px}footer{border-top:1px solid #b8cdc4;margin-top:40px;font-size:12px;padding-bottom:35px}.skip{position:absolute;left:-1000px}.skip:focus{left:12px;top:12px;z-index:10;background:white;padding:10px}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a25d25;outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:650px){header,main,footer{padding:18px}header{align-items:flex-start;flex-direction:column;gap:12px}.hero{padding:25px 0}h1{font-size:2.4rem}.lede{font-size:17px}.workbench{grid-template-columns:1fr}.panel{padding:18px}.metrics{gap:0 12px}dd{font-size:14px}.bits{grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;font-size:13px}.actions button{flex:1 1 130px}.reading{margin:26px auto}}
select{width:100%;padding:11px;border:1px solid #7e9cae;background:white;color:#203645;border-radius:5px;font:inherit;min-height:46px}.exact-tag,.approx-tag{display:inline-block;font:750 11px/1.7 system-ui;text-transform:uppercase;padding:1px 6px;background:#e2f0e9;color:#27553c;border-radius:3px}.approx-tag{background:#fff0d2;color:#72500b}.diagram{margin:20px 0;text-align:center;border:1px dashed #94b5c6;border-radius:6px;padding:12px;background:#f4f9fb}.diagram svg{display:block;width:100%;height:auto;max-width:280px;margin:auto}.diagram figcaption{font-size:12px}.formula{font:14px/1.6 ui-monospace,Consolas,monospace;overflow-wrap:anywhere}select:focus-visible{outline:3px solid #a25d25;outline-offset:3px}@media(max-width:650px){.diagram svg{max-width:240px}}