@font-face{font-family:Familjen Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(./familjen-grotesk-vietnamese-wght-normal.DKRsWTd7.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:Familjen Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(./familjen-grotesk-latin-ext-wght-normal.Cvgdx4cy.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:Familjen Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(./familjen-grotesk-latin-wght-normal.CfZa4wxB.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;font-style:normal;font-display:swap;font-weight:400;src:url(./atkinson-hyperlegible-latin-400-normal.BrHNak5F.woff2)format("woff2"),url(./atkinson-hyperlegible-latin-400-normal.BbWidj28.woff)format("woff")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(./atkinson-hyperlegible-latin-700-normal.GZI4o3u0.woff2)format("woff2"),url(./atkinson-hyperlegible-latin-700-normal.BK6Glc0m.woff)format("woff")}@font-face{font-family:Atkinson Hyperlegible;font-style:italic;font-display:swap;font-weight:400;src:url(./atkinson-hyperlegible-latin-400-italic.D-qjh7ci.woff2)format("woff2"),url(./atkinson-hyperlegible-latin-400-italic.OoEIrRJc.woff)format("woff")}:root{--hue:18;--bg:oklch(98.5% .004 18);--surface:oklch(96.5% .007 18);--ink:oklch(22% .02 18);--ink-muted:oklch(45% .02 18);--binding:oklch(36% .1 18);--binding-dark:oklch(29% .085 18);--binding-ink:oklch(97% .02 90);--pad:oklch(95.5% .085 100);--pad-deep:oklch(90% .11 97);--rule:oklch(78% .06 240);--margin:oklch(60% .18 25);--accent:oklch(36% .1 18);--accent-hover:oklch(30% .1 18);--border:oklch(88% .012 18);--ok:oklch(50% .12 150);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--text-sm:clamp(.86rem, .83rem + .15vw, .92rem);--text-base:clamp(1rem, .96rem + .2vw, 1.075rem);--text-lg:clamp(1.2rem, 1.1rem + .5vw, 1.4rem);--text-xl:clamp(1.5rem, 1.25rem + 1.2vw, 2.1rem);--text-2xl:clamp(2rem, 1.5rem + 2.4vw, 3.3rem);--measure:68ch;--radius:10px;--line:1.75rem;--ease-out:cubic-bezier(.22, 1, .36, 1);--dur:.2s;--z-sticky:20;--z-modal:40;--z-toast:50;--display:"Familjen Grotesk Variable", "Familjen Grotesk", system-ui, sans-serif;--body:"Atkinson Hyperlegible", system-ui, sans-serif}*,:after,:before{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;font-weight:700;line-height:1.1}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}li,p{text-wrap:pretty}p{max-width:var(--measure)}a{color:var(--binding);text-underline-offset:.18em}a:hover{color:var(--accent-hover)}img,svg{max-width:100%;display:block}:focus-visible{outline:3px solid var(--margin);outline-offset:2px;border-radius:4px}.num{font-variant-numeric:tabular-nums}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.skip,.sr-only{position:absolute}.skip{background:var(--binding);color:var(--binding-ink);padding:var(--space-2) var(--space-4);z-index:var(--z-toast);top:0;left:-999px}.skip:focus{left:var(--space-2)}.wrap{width:min(100% - 2rem,72rem);margin-inline:auto}.prose{max-width:var(--measure)}.prose>*+*{margin-top:var(--space-4)}.prose h2{margin-top:var(--space-12)}.prose h3{margin-top:var(--space-8)}.prose ol,.prose ul{padding-left:1.3rem}.prose li+li{margin-top:var(--space-2)}.lede{font-size:var(--text-lg);color:var(--ink-muted);max-width:60ch;line-height:1.45}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border:1px solid var(--border);font:600 var(--text-sm)/1 var(--body);cursor:pointer;transition:background var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out);white-space:nowrap;background:#fff;border-radius:999px;text-decoration:none;display:inline-flex}.btn,.btn:hover{color:var(--ink)}.btn.primary,.btn:hover{border-color:var(--binding)}.btn.primary{background:var(--binding);color:var(--binding-ink)}.btn.primary:hover{background:var(--accent-hover);color:var(--binding-ink)}.btn.ghost{background:0 0}.btn:disabled{opacity:.55;cursor:not-allowed}.btn[aria-pressed=true]{background:var(--binding);color:var(--binding-ink);border-color:var(--binding)}.btnrow{gap:var(--space-2);flex-wrap:wrap;display:flex}label{font-weight:700;font-size:var(--text-sm)}input[type=number],input[type=text],select,textarea.plain{font:inherit;color:inherit;border:1px solid var(--border);min-height:44px;padding:var(--space-2) var(--space-3);background:#fff;border-radius:8px;width:100%}input[type=range]{width:100%;accent-color:var(--binding);min-height:44px}input[type=checkbox]{accent-color:var(--binding);width:1.2rem;height:1.2rem}.field{gap:var(--space-1);min-width:0;display:grid}.check{align-items:center;gap:var(--space-2);min-height:44px;font-weight:400;font-size:var(--text-base);cursor:pointer;display:flex}.pad{background:var(--pad);border-radius:4px 4px var(--radius) var(--radius);box-shadow:0 1px 0 var(--pad-deep),0 8px 24px -12px oklch(30% .06 60/.45);min-width:0}.pad,.pad-strip{position:relative}.pad-strip{align-items:center;gap:var(--space-2) var(--space-6);background:var(--binding);color:var(--binding-ink);padding:var(--space-3) var(--space-4) var(--space-3) calc(var(--space-4) + 2.2rem);font-family:var(--display);font-size:var(--text-sm);border-radius:4px 4px 0 0;flex-wrap:wrap;min-height:52px;display:flex}.pad-strip:after{content:"";background:repeating-linear-gradient(90deg,var(--binding-dark) 0 6px,transparent 6px 10px);height:4px;position:absolute;bottom:-4px;left:0;right:0}.tally{align-items:baseline;gap:.35em;display:inline-flex}.tally b{font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:700}.pad-body{padding:calc(var(--space-4) + 4px) var(--space-4) var(--space-4) calc(var(--space-4) + 2.2rem);position:relative}.pad-body:before{content:"";border-left:1px solid var(--margin);border-right:1px solid var(--margin);opacity:.85;pointer-events:none;width:5px;position:absolute;top:0;bottom:0;left:2rem}.pad .ruled,.pad textarea{resize:vertical;background-color:#0000;background-image:repeating-linear-gradient(to bottom,transparent 0 calc(var(--line) - 1px),var(--rule) calc(var(--line) - 1px) var(--line));width:100%;line-height:var(--line);font:400 1.0625rem/var(--line) var(--body);color:var(--ink);min-height:calc(var(--line)*10);background-attachment:local;border:0;outline:none;padding:0;display:block}.pad textarea::placeholder{color:oklch(45% .04 80)}.pad:focus-within{box-shadow:0 0 0 3px var(--margin),0 8px 24px -12px oklch(30% .06 60/.45)}.pad-foot{gap:var(--space-2);padding:0 var(--space-4) var(--space-4) calc(var(--space-4) + 2.2rem);flex-wrap:wrap;display:flex}.stats{background:var(--border);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(auto-fit,minmax(min(100%,9.5rem),1fr));gap:1px;display:grid;overflow:hidden}.stat{padding:var(--space-3) var(--space-4);background:#fff;min-width:0}.stat dt{font-size:var(--text-sm);color:var(--ink-muted)}.stat dd{font-family:var(--display);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:1.6rem;font-weight:700;line-height:1.2}.stat dd small{color:var(--ink-muted);font-size:.85rem;font-weight:500}.hero{padding:var(--space-12) 0 var(--space-6);gap:var(--space-3)}.hero,.tool{display:grid}.tool{gap:var(--space-6);grid-template-columns:minmax(0,1fr)}@media (width>=60rem){.tool.split{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start}.tool.split>aside{position:sticky;top:5rem}}.tool>*{min-width:0}.section{padding:var(--space-16) 0 0}.panel{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-6);background:#fff;min-width:0}.panel.tint{background:var(--surface);border-color:#0000}.grid2{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));display:grid}.grid2>*{min-width:0}.muted{color:var(--ink-muted)}.small{font-size:var(--text-sm)}.tablewrap{max-width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}td,th{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border)}th{font-family:var(--display)}td.n,th.n{text-align:right;font-variant-numeric:tabular-nums}.bar{background:var(--binding);border-radius:4px;height:8px}.chip{min-height:32px;padding:0 var(--space-3);background:var(--pad);border-radius:999px;align-items:center;display:inline-flex}.chip,.status{font-size:var(--text-sm)}.status{color:var(--ink-muted);min-height:1.5em}.error{color:oklch(48% .18 25)}details.faq{border-bottom:1px solid var(--border)}details.faq summary{cursor:pointer;font-family:var(--display);padding:var(--space-4) 0;justify-content:space-between;gap:var(--space-4);min-height:44px;font-size:1.1rem;font-weight:700;list-style:none;display:flex}details.faq summary:after{content:"+";color:var(--binding);font-size:1.4rem;line-height:1}details.faq[open] summary:after{content:"−"}details.faq>div{padding-bottom:var(--space-4)}.crumbs{font-size:var(--text-sm)}.crumbs,.crumbs a{color:var(--ink-muted)}.toast{bottom:var(--space-4);background:var(--ink);color:#fff;padding:var(--space-2) var(--space-4);z-index:var(--z-toast);font-size:var(--text-sm);border-radius:999px;position:fixed;left:50%;transform:translate(-50%)}kbd{font-family:var(--body);border:1px solid var(--border);background:#fff;border-bottom-width:2px;border-radius:4px;padding:0 .35em;font-size:.85em}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.num,.stat dd,.tally b,input[type=number],td.n{font-family:var(--display)}