@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;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")}:root{--hue:42;--bg:oklch(96.5% .003 60);--surface:oklch(99.2% .002 60);--concrete:oklch(91.5% .005 60);--ink:oklch(24% .012 50);--ink-2:oklch(42% .012 50);--line:oklch(84% .006 60);--paint:oklch(66% .19 42);--paint-deep:oklch(52% .17 40);--paint-wash:oklch(94% .045 55);--asphalt:oklch(25% .01 50);--asphalt-2:oklch(32% .01 50);--on-asphalt:oklch(95% .005 60);--stone-1:oklch(78% .012 70);--stone-2:oklch(66% .012 60);--stone-3:oklch(54% .01 55);--sand:oklch(84% .05 85);--soil:oklch(45% .05 55);--ok:oklch(52% .12 150);--warn:oklch(55% .15 60);--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s6:1.5rem;--s8:2rem;--s12:3rem;--s16:4rem;--s24:6rem;--t-sm:clamp(.875rem, .85rem + .15vw, .94rem);--t-base:clamp(1rem, .96rem + .2vw, 1.0625rem);--t-lg:clamp(1.2rem, 1.1rem + .5vw, 1.4rem);--t-xl:clamp(1.5rem, 1.25rem + 1.2vw, 2.1rem);--t-2xl:clamp(2rem, 1.5rem + 2.6vw, 3.4rem);--t-3xl:clamp(2.4rem, 1.6rem + 4vw, 4.6rem);--r:10px;--ease:cubic-bezier(.22,1,.36,1);--display:"Archivo Variable", "Arial Narrow", 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%;scroll-behavior:smooth}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:-.015em;text-wrap:balance;font-weight:800;font-stretch:112%;line-height:1.08}h1{font-size:var(--t-2xl);font-stretch:118%}h2{font-size:var(--t-xl)}h3{font-size:var(--t-lg);font-weight:700}li,p{text-wrap:pretty}p{max-width:68ch}a{color:var(--paint-deep);text-underline-offset:3px;text-decoration-thickness:1.5px}a:hover{color:var(--ink)}img,svg{max-width:100%;display:block}:focus-visible{outline:3px solid var(--paint);outline-offset:2px;border-radius:4px}.num,.tabular{font-variant-numeric:tabular-nums}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{width:min(1180px,100% - 2rem);margin-inline:auto}.prose{max-width:70ch}.prose>*+*{margin-top:var(--s4)}.prose h2{margin-top:var(--s12)}.prose h3{margin-top:var(--s8)}.prose ol,.prose ul{padding-left:1.3em}.prose li+li{margin-top:var(--s2)}.muted{color:var(--ink-2)}.small{font-size:var(--t-sm)}.btn{border:2px solid var(--ink);background:var(--surface);min-height:44px;color:var(--ink);font:700 var(--t-sm)/1 var(--body);cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease);border-radius:999px;justify-content:center;align-items:center;gap:.5em;padding:.6rem 1.1rem;text-decoration:none;display:inline-flex}.btn:hover{background:var(--ink);color:var(--surface)}.btn-paint{background:var(--paint);border-color:var(--paint);color:oklch(20% .02 40)}.btn-paint:hover{background:var(--ink);border-color:var(--ink);color:var(--surface)}.btn:disabled{opacity:.55;cursor:not-allowed}.field{gap:4px;min-width:0;display:grid}.field>label,.field>span{font-weight:700;font-size:var(--t-sm)}.field small{color:var(--ink-2);font-size:.82rem;line-height:1.35}input[type=number],input[type=text],select,textarea{border:2px solid var(--line);background:var(--surface);width:100%;min-height:46px;color:var(--ink);font:400 1.0625rem/1.3 var(--body);border-radius:8px;padding:.55rem .7rem}input[type=number]{font-variant-numeric:tabular-nums}input:focus,select:focus,textarea:focus{border-color:var(--ink);box-shadow:0 0 0 3px var(--paint-wash);outline:none}textarea{resize:vertical;min-height:140px}input[type=range]{width:100%;accent-color:var(--paint);min-height:44px}.unit-in{position:relative}.unit-in input{padding-right:3.2rem}.unit-in em{color:var(--ink-2);pointer-events:none;font-size:.9rem;font-style:normal;position:absolute;top:50%;right:.7rem;transform:translateY(-50%)}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg button{border:2px solid var(--line);background:var(--surface);min-height:44px;font:700 var(--t-sm)/1.1 var(--body);color:var(--ink);cursor:pointer;border-radius:999px;padding:.45rem .9rem}.seg button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--surface)}.calc{gap:var(--s6);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.calc>*{min-width:0}@media (width>=900px){.calc{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.calc .ticket{position:sticky;top:84px}}.panel{background:var(--surface);border:2px solid var(--ink);border-radius:var(--r);padding:var(--s6);gap:var(--s4);display:grid}.grid2,.grid3{gap:var(--s4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=640px){.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}}.grid2>*,.grid3>*{min-width:0}.panel h2{font-size:var(--t-lg)}.hr{border:0;border-top:2px dashed var(--line)}.hero{padding:var(--s8) 0 var(--s6)}.hero p.lede{font-size:var(--t-lg);color:var(--ink-2);margin-top:var(--s3);max-width:60ch;line-height:1.45}.crumbs{font-size:var(--t-sm);margin-bottom:var(--s3);flex-wrap:wrap;gap:.4rem;display:flex}.crumbs,.crumbs a{color:var(--ink-2)}section.block{padding:var(--s12) 0}.table-scroll{-webkit-overflow-scrolling:touch;border:2px solid var(--ink);border-radius:var(--r);background:var(--surface);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:var(--t-sm)}td,th{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.6rem .8rem}th{font-family:var(--display);background:var(--concrete);font-weight:700;font-stretch:105%}td.n,th.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}tr:last-child td{border-bottom:0}.callout{background:var(--paint-wash)}.callout,.formula{border-radius:var(--r);padding:var(--s4) var(--s6)}.formula{font-family:var(--display);background:var(--asphalt);color:var(--on-asphalt);font-weight:600;font-stretch:100%;line-height:1.5;overflow-x:auto}.formula b{color:oklch(78% .15 55)}.explainer{background:var(--asphalt);color:var(--on-asphalt);border-radius:var(--r);padding:var(--s6);gap:var(--s4);display:grid}.explainer a{color:oklch(80% .14 55)}.explainer .seg button,.explainer a:hover{color:var(--on-asphalt)}.explainer .seg button{background:var(--asphalt-2);border-color:oklch(42% .01 50)}.explainer .seg button[aria-pressed=true]{background:var(--paint);color:oklch(20% .02 40);border-color:var(--paint)}.explainer .readout{font-family:var(--display);font-weight:800;font-stretch:115%;font-size:var(--t-xl);font-variant-numeric:tabular-nums;color:oklch(80% .15 55)}.explainer p{color:oklch(88% .006 60)}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.chk{min-height:44px;font-weight:700;font-size:var(--t-sm);cursor:pointer;align-items:center;gap:.6rem;display:flex}.chk input{width:22px;height:22px;accent-color:var(--paint)}.field{align-content:start}.num,.readout,input[type=number],td.n{font-family:var(--display);font-stretch:100%}dd.num{font-stretch:105%}.wrap.prose{max-width:none}.wrap.prose>*{max-width:72ch}.wrap.prose>.table-scroll{max-width:760px}
