@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/atkinson-hyperlegible-next-latin-ext-wght-normal.C6vrW8VD.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/atkinson-hyperlegible-next-latin-wght-normal.BcXVPD7q.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--flour:#f5f6f2;--surface:#fff;--ink:#22312a;--muted:#56665d;--rule:#d6dcd4;--pine:#22312a;--wheat:#e3b85c;--wheat-soft:#f4e6c2;--link:#2c5a78;--error:#9b2c1f;--error-soft:#fbe9e5;--focus:#2c5a78;--radius-input:10px;--radius-card:18px;--font:"Atkinson Hyperlegible Next Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--measure:68ch;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--flour);color:var(--ink);font-family:var(--font);font-variant-numeric:tabular-nums;margin:0;font-size:1.0625rem;line-height:1.6}img,svg{max-width:100%;display:block}a{color:var(--link);text-underline-offset:.18em}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}h1,h2,h3{letter-spacing:-.015em;margin:0 0 .5em;font-weight:760;line-height:1.15}h1{letter-spacing:-.03em;font-size:clamp(2rem,1.4rem + 2.6vw,3.1rem)}h2{margin-top:2.2em;font-size:clamp(1.4rem,1.15rem + 1vw,1.8rem)}h3{margin-top:1.6em;font-size:1.2rem}p,ul,ol{margin:0 0 1em}.wrap{width:min(1120px,100% - 32px);margin-inline:auto}.prose{max-width:var(--measure)}.prose li+li{margin-top:.35em}.site-header{border-bottom:1px solid var(--rule);background:var(--surface)}.site-header .wrap{justify-content:space-between;align-items:center;gap:16px;min-height:64px;display:flex}.logo{letter-spacing:-.03em;color:var(--ink);align-items:center;gap:10px;font-size:1.35rem;font-weight:800;text-decoration:none;display:flex}.logo svg{width:30px;height:30px}.nav-toggle{display:none}.site-nav ul{flex-wrap:wrap;gap:4px 18px;margin:0;padding:0;font-size:.95rem;list-style:none;display:flex}.site-nav a{color:var(--ink);padding:6px 0;text-decoration:none;display:inline-block}.site-nav a[aria-current=page]{text-decoration:underline 3px;text-decoration-color:var(--wheat);text-underline-offset:.4em}@media (width<=820px){.nav-toggle{font:inherit;border:1px solid var(--rule);color:var(--ink);background:0 0;border-radius:999px;padding:6px 14px;font-weight:700;display:inline-flex}.site-nav{width:100%;padding-bottom:12px;display:none}.site-nav.open{display:block}.site-header .wrap{flex-wrap:wrap}.site-nav ul{flex-direction:column;gap:0}.site-nav a{border-top:1px solid var(--rule);padding:10px 0;display:block}}.page-head{padding:40px 0 8px}.page-head p{color:var(--muted);max-width:60ch;font-size:1.15rem}.crumbs{color:var(--muted);margin-bottom:14px;font-size:.9rem}.crumbs a{color:var(--muted)}.tool{grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:start;gap:28px;margin:20px 0 8px;display:grid}@media (width<=880px){.tool{grid-template-columns:1fr}}.panel{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-card);padding:22px}.panel h2{margin-top:0;font-size:1.15rem}.field{gap:6px;margin-bottom:16px;display:grid}.field label,.field .label{font-size:.98rem;font-weight:700}.field .hint{color:var(--muted);margin:0;font-size:.88rem}.row{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));align-items:start;gap:0 14px;display:grid}.input-unit{border-radius:var(--radius-input);background:var(--surface);border:1.5px solid #b9c2b8;align-items:stretch;display:flex;overflow:hidden}.input-unit:focus-within{border-color:var(--focus);box-shadow:0 0 0 3px #2c5a7840}.input-unit input,.input-unit select{min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;flex:1;padding:10px 12px;font-size:1.15rem}.input-unit input:focus,.input-unit select:focus{outline:none}.input-unit span{color:var(--muted);border-left:1px solid var(--rule);background:#eef1ec;place-items:center;padding:0 12px;font-weight:700;display:grid}.input-unit[aria-invalid=true],input[aria-invalid=true]{border-color:var(--error)}select.plain,input.plain{font:inherit;border-radius:var(--radius-input);background:var(--surface);color:var(--ink);border:1.5px solid #b9c2b8;width:100%;padding:10px 12px;font-size:1.05rem}.segmented{background:#eef1ec;border:1.5px solid #b9c2b8;border-radius:999px;gap:3px;padding:3px;display:inline-flex}.segmented label{position:relative}.segmented input{opacity:0;position:absolute;inset:0}.segmented span{cursor:pointer;border-radius:999px;padding:6px 14px;font-size:.95rem;font-weight:700;display:block}.segmented input:checked+span{background:var(--pine);color:#fff}.segmented input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}.btn{font:inherit;border:1.5px solid var(--pine);background:var(--pine);color:#fff;cursor:pointer;border-radius:999px;padding:10px 18px;font-weight:700}.btn.ghost{color:var(--ink);background:0 0}.btn.small{padding:6px 12px;font-size:.9rem}.result{background:var(--pine);color:#fff;border-radius:var(--radius-card);padding:22px 22px 18px;position:sticky;top:16px}@media (width<=880px){.result{position:static}}.result h2{color:var(--wheat);margin:0 0 12px;font-size:1.05rem;font-weight:700}.weigh{margin:0;padding:0;list-style:none}.weigh li{border-bottom:1px solid #ffffff24;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;display:flex}.weigh li:last-child{border-bottom:0}.weigh .what{font-size:1.02rem}.weigh .what small{color:#ffffffad;font-size:.85rem;display:block}.weigh .num{letter-spacing:-.02em;white-space:nowrap;font-size:clamp(1.7rem,1.3rem + 1.4vw,2.3rem);font-weight:780}.headline-num{letter-spacing:-.04em;margin:4px 0 6px;font-size:clamp(3rem,2.2rem + 3vw,4.4rem);font-weight:800;line-height:1}.result .note{color:#ffffffd1;margin:12px 0 0;font-size:.92rem}.result .warn{background:var(--wheat-soft);color:var(--ink);border-radius:10px;margin-top:12px;padding:10px 12px;font-size:.95rem}.result .err{background:var(--error-soft);color:var(--error);border-radius:10px;padding:12px;font-weight:700}.result-tools{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.result-tools .btn{color:#fff;background:0 0;border-color:#ffffff73}.example{background:var(--surface);border-left:5px solid var(--wheat);border-radius:0 12px 12px 0;margin:1.2em 0;padding:16px 20px}.example p:last-child{margin-bottom:0}.formula{background:#eef1ec;border-radius:10px;padding:12px 16px;font-size:1.05rem;overflow-x:auto}table.data{border-collapse:collapse;background:var(--surface);width:100%;margin:1em 0 1.4em;font-size:.98rem}table.data th,table.data td{border-bottom:1px solid var(--rule);text-align:left;padding:9px 10px}table.data th{background:#eef1ec}.table-scroll{overflow-x:auto}.related{margin:48px 0 16px}.tool-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:0 28px;margin:0;padding:0;list-style:none;display:grid}.tool-list li{border-top:2px solid var(--ink);padding:14px 0 18px}.tool-list a{color:var(--ink);font-size:1.12rem;font-weight:760;text-decoration:none}.tool-list a:hover{text-decoration:underline}.tool-list p{color:var(--muted);margin:4px 0 0;font-size:.97rem}.site-footer{border-top:1px solid var(--rule);background:var(--surface);color:var(--muted);margin-top:64px;padding:28px 0 40px;font-size:.95rem}.site-footer ul{flex-wrap:wrap;gap:6px 20px;margin:0 0 12px;padding:0;list-style:none;display:flex}.site-footer a{color:var(--muted)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media print{.site-header,.site-footer,.related,.result-tools,.no-print{display:none!important}.result{color:#000;background:#fff;border:2px solid #000}.result h2,.weigh .what small,.result .note{color:#000}.weigh li{border-color:#999}}
