@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(./archivo-vietnamese-wdth-normal.rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(./archivo-latin-ext-wdth-normal.7khWdh9v.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(./archivo-latin-wdth-normal.DY7AcnAa.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}@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./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(./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{--tape:oklch(87% .16 92);--tape-deep:oklch(80% .16 88);--tape-soft:oklch(95% .07 95);--ink:oklch(21% .02 250);--ink-2:oklch(38% .02 250);--ink-muted:oklch(46% .02 250);--bg:oklch(98.5% .002 250);--surface:oklch(95.5% .004 250);--surface-2:oklch(92.5% .006 250);--line:oklch(86% .008 250);--mark:oklch(56% .2 28);--mark-ink:oklch(99% .01 28);--ok:oklch(52% .12 155);--warn:oklch(55% .15 55);--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.25rem;--s6:1.5rem;--s8:2rem;--s10:2.5rem;--s12:3rem;--s16:4rem;--s24:6rem;--t-sm:clamp(.86rem, .82rem + .15vw, .92rem);--t-base:clamp(1rem, .96rem + .2vw, 1.075rem);--t-lg:clamp(1.18rem, 1.08rem + .45vw, 1.4rem);--t-xl:clamp(1.5rem, 1.25rem + 1.1vw, 2.1rem);--t-2xl:clamp(2.1rem, 1.5rem + 2.8vw, 3.6rem);--t-num:clamp(2.6rem, 1.8rem + 3.6vw, 4.6rem);--measure:66ch;--r:10px;--ease:cubic-bezier(.22,1,.36,1);--display:"Archivo Variable", "Arial Narrow", sans-serif;--body:"Atkinson Hyperlegible Next Variable", system-ui, sans-serif}*,:after,:before{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-padding-top:5rem}body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:var(--t-base);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.01em;text-wrap:balance;font-weight:750;font-stretch:78%;line-height:1.05}h1{font-size:var(--t-2xl)}h2{font-size:var(--t-xl)}h3{font-size:var(--t-lg);font-stretch:85%}li,p{text-wrap:pretty}p{max-width:var(--measure)}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}img,svg{max-width:100%;display:block}:focus-visible{outline:3px solid var(--mark);outline-offset:2px;border-radius:4px}.num{font-variant-numeric:tabular-nums}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden}.skip,.sr-only{position:absolute}.skip{background:var(--ink);color:var(--bg);padding:var(--s3) var(--s4);z-index:50;top:0;left:-999px}.skip:focus{left:var(--s4)}.wrap{width:min(100% - 2rem,72rem);margin-inline:auto}.prose{gap:var(--s4);max-width:var(--measure);display:grid}.prose h2{margin-top:var(--s8)}.prose h3{margin-top:var(--s4)}.prose ol,.prose ul{gap:var(--s2);padding-left:1.25rem;display:grid}.muted{color:var(--ink-muted)}.small{font-size:var(--t-sm)}.field{gap:var(--s1);min-width:0;display:grid}.field>.lbl,.field>label{font-weight:700;font-size:var(--t-sm);color:var(--ink-2)}.input-row{gap:var(--s2);min-width:0;display:flex}input[type=date],input[type=number],input[type=text],select,textarea{font:inherit;color:var(--ink);background:var(--bg);border:1.5px solid var(--ink-muted);min-height:48px;padding:var(--s2) var(--s3);border-radius:8px;width:100%;min-width:0}input[type=number]{font-variant-numeric:tabular-nums}input:hover,select:hover,textarea:hover{border-color:var(--ink)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--tape-deep);outline-offset:0;border-color:var(--ink)}.unit{flex:1;align-items:stretch;min-width:0;display:flex}.unit input{border-top-right-radius:0;border-bottom-right-radius:0}.unit span{padding:0 var(--s3);background:var(--surface-2);border:1.5px solid var(--ink-muted);font-size:var(--t-sm);color:var(--ink-2);border-left:0;border-radius:0 8px 8px 0;place-items:center;font-weight:700;display:grid}input[type=range]{width:100%;accent-color:var(--ink);min-height:44px}.seg{border:1.5px solid var(--ink);background:var(--bg);flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.seg,.seg button{border-radius:999px}.seg button{font:inherit;font-weight:700;font-size:var(--t-sm);color:var(--ink);min-height:40px;padding:0 var(--s4);cursor:pointer;background:0 0;border:0}.seg button[aria-pressed=true]{background:var(--ink);color:var(--tape)}.seg button:hover:not([aria-pressed=true]){background:var(--surface-2)}.btn{font:inherit;justify-content:center;align-items:center;gap:var(--s2);min-height:48px;padding:0 var(--s5);border:2px solid var(--ink);background:var(--ink);color:var(--tape);cursor:pointer;transition:transform .12s var(--ease),background .12s;border-radius:999px;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{background:oklch(30% .02 250)}.btn:active{transform:translateY(1px)}.btn.ghost{color:var(--ink);background:0 0}.btn.ghost:hover{background:var(--surface-2)}.btn[disabled]{opacity:.5;pointer-events:none}.linkbtn{font:inherit;color:var(--ink-2);text-underline-offset:3px;cursor:pointer;min-height:44px;padding:0 var(--s1);background:0 0;border:0;text-decoration:underline}.tbl-wrap{border:1.5px solid var(--line);border-radius:var(--r);max-width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:var(--t-sm)}td,th{text-align:left;padding:var(--s2) var(--s3);border-bottom:1px solid var(--line);white-space:nowrap}thead th{background:var(--surface);font-family:var(--display);font-size:.95rem;font-stretch:85%}tbody tr:last-child td{border-bottom:0}td.n,th.n{text-align:right;font-variant-numeric:tabular-nums}tr.hl td{background:var(--tape-soft);font-weight:700}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.calc{gap:clamp(var(--s6),4vw,var(--s12));grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:start;display:grid}.calc>*{min-width:0}.inputs{gap:var(--s4);display:grid}.pair{gap:var(--s3);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.pair>*{min-width:0}.results{gap:var(--s5);display:grid}.readout{align-items:baseline;gap:var(--s3);flex-wrap:wrap;display:flex}.readout .big{font-family:var(--display);font-weight:800;font-stretch:72%;font-size:var(--t-num);font-variant-numeric:tabular-nums;letter-spacing:-.01em;line-height:.95}.readout .u{color:var(--ink-2);font-weight:700}.verdict{font-family:var(--display);font-weight:800;font-stretch:80%;font-size:var(--t-lg);background:var(--ink);color:var(--tape);border-radius:6px;padding:.15rem .6rem;display:inline-block}.stats{border-top:1.5px solid var(--ink);grid-template-columns:repeat(auto-fit,minmax(min(100%,9.5rem),1fr));gap:0;display:grid}.stats>div{padding:var(--s3) var(--s3) var(--s3) 0;border-bottom:1px solid var(--line);min-width:0}.stats dt{font-size:var(--t-sm);color:var(--ink-2)}.stats dd{font-family:var(--display);font-variant-numeric:tabular-nums;margin:0;font-size:1.35rem;font-weight:750;font-stretch:80%}.note{color:var(--ink-2)}.note,.warnbox{font-size:var(--t-sm)}.warnbox{border:1.5px solid var(--warn);padding:var(--s3) var(--s4);background:oklch(95% .04 55);border-radius:8px}.explain{gap:var(--s5);display:grid}.explain h2{max-width:30ch}.explain .lead{max-width:62ch}.ex-grid{gap:var(--s8);grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:center;display:grid}.ex-grid>*{min-width:0}.ex-controls{gap:var(--s4);display:grid}.ex-out{font-size:1.15rem;font-weight:700}.ex-out,svg.chart text{font-family:var(--display);font-stretch:80%}svg.chart text{fill:var(--ink-2);font-size:11px}@media (width<=820px){.calc,.ex-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.seg{flex-wrap:nowrap;width:100%;display:flex}.seg button{padding:0 var(--s2);flex:1 1 0;min-width:0}td,th{white-space:normal}.ex-grid svg.chart,.explain>svg.chart{min-width:560px}.ex-grid,.explain{overflow-x:auto}svg.chart text{font-size:13px}}