:root{--bg:#eef4f5;--card:#fff;--ink:#10232c;--soft:#4a5d66;--line:#d3e0e3;--accent:#0c8599;--accent-ink:#0b7285;--tint:#e3fafc}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);color:var(--ink);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:var(--accent-ink)}h1,h2,h3{line-height:1.2}main{max-width:1040px;margin:0 auto;padding:0 16px 48px}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;max-width:1040px;margin:0 auto;padding:14px 16px;display:flex}.brand{color:var(--ink);align-items:center;gap:8px;font-size:19px;font-weight:800;text-decoration:none;display:flex}.site-header nav{flex-wrap:wrap;gap:6px 14px;display:flex}.site-header nav a{color:var(--soft);font-size:15px;font-weight:700;text-decoration:none}.site-footer .popular{flex-wrap:wrap;justify-content:center;gap:6px 16px;display:flex}.site-footer{max-width:1040px;color:var(--soft);text-align:center;border-top:1px solid var(--line);margin:0 auto;padding:24px 16px 40px;font-size:14px}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.calc{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.panel{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px}.panel h2{margin:0 0 12px;font-size:17px}.fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.fields .full{grid-column:1/-1}.field{border:0;flex-direction:column;gap:4px;min-width:0;margin:0;padding:0;display:flex}.field>label,.field>legend,.field>.lbl{padding:0;font-size:14px;font-weight:700}.unit{background:#fff;border:1px solid #ced4da;border-radius:10px;align-items:stretch;display:flex;overflow:hidden}.unit:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #a5d8ff}.unit input,.unit select{min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:10px;font-size:17px}.unit span{color:var(--soft);border-left:1px solid var(--line);background:#f1f3f5;align-items:center;padding:0 10px;font-size:14px;display:flex}.pair{grid-template-columns:1fr 1fr;gap:6px;display:grid}select.plain{font:inherit;color:var(--ink);background:#fff;border:1px solid #ced4da;border-radius:10px;width:100%;padding:10px;font-size:16px}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg label{cursor:pointer;background:#fff;border:1px solid #ced4da;border-radius:999px;padding:7px 12px;font-size:14px;font-weight:700}.seg label:has(input:checked){background:var(--ink);color:#fff;border-color:var(--ink)}.seg input{opacity:0;pointer-events:none;position:absolute}.seg label:has(input:focus-visible){outline:3px solid var(--accent)}.hint{color:var(--soft);font-size:13px}.results{position:sticky;top:12px}.big{background:var(--tint);border:1px solid #a5d8ff;border-radius:12px;margin-bottom:12px;padding:14px 16px}.big .v{font-size:34px;font-weight:800;line-height:1.1}.big .s{color:var(--soft);font-size:14px}.rows{border-collapse:collapse;width:100%;font-size:15px}.rows th,.rows td{text-align:left;border-bottom:1px solid var(--line);padding:7px 4px}.rows td:last-child{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.note{color:var(--soft);margin:10px 0 0;font-size:13px}.btn{appearance:none;font:inherit;cursor:pointer;color:var(--ink);background:#fff;border:1px solid #ced4da;border-radius:10px;padding:9px 12px;font-weight:700}.btn:hover{border-color:var(--ink)}@media (width<=760px){.calc{grid-template-columns:minmax(0,1fr)}.results{position:static}}@media (width<=380px){.fields{grid-template-columns:1fr}}.intro{max-width:760px;margin:6px 0 18px}.intro h1{margin:8px 0;font-size:clamp(28px,5vw,40px)}.intro p{color:var(--soft);margin:0;font-size:17px}.content{max-width:760px;margin-top:36px;font-size:17px}.content h2{margin-top:32px;font-size:24px}.content table{border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:10px;width:100%;font-size:15px;overflow:hidden}.content th,.content td{border-bottom:1px solid var(--line);text-align:left;padding:8px 10px}.content th{background:#f1f3f5}.content td.n,.content th.n{text-align:right;font-variant-numeric:tabular-nums}.content code{background:#e9ecef;border-radius:5px;padding:1px 5px}details{background:var(--card);border:1px solid var(--line);border-radius:10px;margin:8px 0;padding:10px 14px}summary{cursor:pointer;font-weight:700}.intro .updated{margin-top:8px;font-size:13px}.intro .updated a{color:var(--soft)}.figure{background:var(--card);border:1px solid var(--line);border-radius:12px;margin:16px 0;padding:14px}.figure svg{width:100%;max-width:640px;height:auto;margin:0 auto;display:block}.figure figcaption{color:var(--soft);text-align:center;margin-top:8px;font-size:14px}.example{background:var(--tint);border:1px solid #a5d8ff;border-radius:12px;margin:16px 0;padding:4px 18px 14px}.example ol{padding-left:20px}.example li{margin:4px 0}.example .answer{font-size:18px;font-weight:800}.crumbs{color:var(--soft);margin-top:6px;font-size:14px}.crumbs a{color:var(--soft)}.related{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.related a{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:6px 12px;font-size:14px;font-weight:700;text-decoration:none}.figure.pool svg{max-width:760px}.diff-up{color:#2b8a3e}.diff-down{color:#c92a2a}.warn{background:#fff9db;border:1px solid #ffe066;border-radius:10px;margin-top:10px;padding:8px 12px;font-size:14px}.size-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.size-grid a{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:10px;flex-direction:column;padding:8px 10px;text-decoration:none;display:flex}.size-grid a b{font-size:15px}.size-grid a span{color:var(--soft);font-size:13px}.size-grid a:hover{border-color:var(--accent)}.table-wrap{overflow-x:auto}:root{--bg:#eef4f5;--line:#d3e0e3}html:not([data-units=metric]) [data-show=metric],html[data-units=metric] [data-show=imperial]{display:none!important}.units-switch{border:1px solid #3d5560;border-radius:999px;display:inline-flex;overflow:hidden}.units-switch button{font:inherit;cursor:pointer;color:#c3d2d8;background:0 0;border:0;padding:6px 10px;font-size:13px;font-weight:700}.units-switch button[aria-pressed=true]{background:var(--accent-ink);color:#fff}html{scrollbar-color:#b8c1ca var(--bg)}::selection{color:var(--ink);background:#c5f6fa}input,select,textarea{caret-color:var(--accent);accent-color:var(--accent)}input[type=number],.rows td,.big .v,table{font-variant-numeric:tabular-nums}.site-header{background:var(--ink);box-shadow:0 0 0 100vmax var(--ink);clip-path:inset(0 -100vmax)}.brand{color:#fff}.site-header nav a{color:#c3ccd5}.site-header nav a:hover{color:#fff}.site-header nav a[aria-current=page]{color:#66d9e8}.crumbs{margin-top:18px}.panel{border-color:var(--line);box-shadow:0 1px 2px #1b1f240d,0 6px 18px #1b1f240d}.big{background:var(--ink);color:#fff;border:0}.big .k{color:#99e9f2;text-transform:none;letter-spacing:0;font-size:14px;font-weight:600}.big .v{letter-spacing:-.01em;font-size:40px}.big .s{color:#c3ccd5}.example{border:0;border-top:2px solid var(--ink);background:0 0;border-radius:0;padding:2px 0 6px}.example h3{margin:14px 0 6px}.example ol{margin:0;padding:0;list-style:none}.example li{border-bottom:1px dashed var(--line);font-variant-numeric:tabular-nums;margin:0;padding:7px 0}.example .answer{border-top:3px double var(--ink);margin:10px 0 0;padding-top:8px}.calc{align-items:stretch}.calc>.panel{flex-direction:column;display:flex}.results{position:static}.results .note{margin-top:auto;padding-top:10px}.content{max-width:none}.content>p,.content>ol,.content>ul{max-width:75ch}.vol-block{margin-bottom:12px}@media (width<=440px){.fields{grid-template-columns:1fr}}@media (width<=600px){.content table{white-space:nowrap;display:block;overflow-x:auto}}