@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-vietnamese-standard-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(/_astro/archivo-latin-ext-standard-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(/_astro/archivo-latin-standard-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}:root{--bg:oklch(93% .004 250);--sheet:oklch(99% .002 250);--sunken:oklch(95.5% .004 250);--ink:oklch(24% .012 250);--muted:oklch(45% .012 250);--rule:oklch(82% .008 250);--bar:oklch(24% .012 250);--bar-fg:oklch(96% .004 250);--orange:oklch(64% .19 42);--orange-ink:oklch(99% 0 0);--orange-soft:oklch(95% .035 50);--blue:oklch(45% .13 255);--grid:oklch(45% .13 255/.07);--bad:oklch(52% .19 27);--font:"Archivo Variable", "Arial Narrow", system-ui, sans-serif;--r:6px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:72px;--ease:cubic-bezier(.22, 1, .36, 1);color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:oklch(19% .008 250);--sheet:oklch(23% .01 250);--sunken:oklch(21% .009 250);--ink:oklch(94% .004 250);--muted:oklch(74% .01 250);--rule:oklch(36% .012 250);--bar:oklch(13% .008 250);--orange:oklch(72% .17 45);--orange-ink:oklch(18% .02 45);--orange-soft:oklch(30% .05 45);--blue:oklch(78% .1 255);--grid:oklch(78% .1 255/.05);--bad:oklch(72% .15 27);color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background-color:var(--bg);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);color:var(--ink);font:400 1.0625rem/1.6 var(--font);background-size:24px 24px;margin:0}a{color:var(--blue);text-underline-offset:.18em}:focus-visible{outline:3px solid var(--orange);outline-offset:2px}.wrap{max-width:1100px;padding-left:max(var(--s4), env(safe-area-inset-left));padding-right:max(var(--s4), env(safe-area-inset-right));margin:0 auto}.skip{position:absolute;left:-9999px}.skip:focus{left:var(--s4);top:var(--s2);background:var(--sheet);color:var(--ink);padding:var(--s2) var(--s3);z-index:30}.bar{background:var(--bar);color:var(--bar-fg)}.bar .wrap{justify-content:space-between;align-items:center;gap:var(--s4);min-height:60px;display:flex}.logo{color:inherit;letter-spacing:.01em;text-transform:uppercase;align-items:center;gap:10px;font-size:1rem;font-weight:800;font-stretch:118%;text-decoration:none;display:inline-flex}.logo svg{flex:none;width:30px;height:30px}.bar details{position:relative}.bar summary{cursor:pointer;letter-spacing:.04em;text-transform:uppercase;min-height:44px;padding:0 var(--s4);transition:background .15s var(--ease), color .15s var(--ease);border:1.5px solid;border-radius:4px;align-items:center;font-size:.875rem;font-weight:700;font-stretch:110%;list-style:none;display:inline-flex}.bar summary::-webkit-details-marker{display:none}.bar summary:hover,.bar details[open] summary{background:var(--bar-fg);color:var(--bar)}.bar nav{background:var(--sheet);width:min(460px,100vw - 32px);color:var(--ink);border:2px solid var(--ink);border-radius:var(--r);z-index:20;grid-template-columns:1fr 1fr;gap:2px;padding:6px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:6px 6px oklch(0% 0 0/.18)}.bar nav a{min-height:44px;color:inherit;border-radius:3px;align-items:center;padding:0 10px;font-size:.9375rem;text-decoration:none;display:flex}.bar nav a:hover,.bar nav a[aria-current]{background:var(--sunken)}.bar nav a[aria-current]{font-weight:700}h1,h2,h3{text-wrap:balance;font-stretch:115%;line-height:1.08}h1{margin:0 0 var(--s3);letter-spacing:-.01em;font-size:2.125rem;font-weight:800}h2{margin:var(--s7) 0 var(--s3);font-size:1.375rem;font-weight:750}h3{margin:var(--s5) 0 var(--s2);font-size:1.0625rem;font-weight:700}@media (width>=760px){h1{font-size:3rem}h2{font-size:1.625rem}}p{margin:0 0 var(--s4);text-wrap:pretty;max-width:68ch}.lede{color:var(--muted);max-width:62ch;font-size:1.125rem}.crumbs{color:var(--muted);margin:var(--s5) 0 var(--s2);text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem}.crumbs a{color:inherit}main{padding-bottom:var(--s8)}.calc{margin:var(--s5) 0 var(--s2);background:var(--sheet);border:2px solid var(--ink);border-radius:var(--r);box-shadow:6px 6px 0 var(--ink);display:grid}@media (width>=860px){.calc{grid-template-columns:1.2fr 1fr}}.calc form{padding:var(--s5);gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-content:start;align-items:end;display:grid}.field{flex-direction:column;gap:5px;min-width:0;display:flex}.field.wide,.field-radio{grid-column:1/-1}.field>label,.field legend{text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem;font-weight:700;font-stretch:108%}.control{border:1.5px solid var(--ink);background:var(--bg);min-height:48px;transition:box-shadow .15s var(--ease);border-radius:4px;display:flex;overflow:hidden}.control:focus-within{box-shadow:0 0 0 3px var(--orange)}.control input,.control select{min-width:0;color:inherit;font:600 1.0625rem/1.2 var(--font);padding:0 var(--s3);font-variant-numeric:tabular-nums;background:0 0;border:0;flex:1}.control input:focus,.control select:focus{outline:none}.control:has(input[aria-invalid]){border-color:var(--bad)}.control input[aria-invalid]{color:var(--bad)}.unit{color:var(--muted);background:var(--sunken);border-left:1.5px solid var(--rule);place-items:center;padding:0 10px;font-size:.875rem;font-weight:600;display:grid}.hint{color:var(--muted);font-size:.8125rem;line-height:1.35}fieldset{border:0;min-width:0;margin:0;padding:0}.seg{border:1.5px solid var(--ink);border-radius:4px;flex-wrap:wrap;width:fit-content;max-width:100%;margin-top:4px;display:flex;overflow:hidden}.seg label{position:relative}.seg input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.seg span{min-height:44px;padding:0 var(--s4);cursor:pointer;border-right:1.5px solid var(--ink);transition:background .15s var(--ease);align-items:center;font-weight:650;display:inline-flex}.seg label:last-child span{border-right:0}.seg label:hover span{background:var(--sunken)}.seg input:checked+span{background:var(--ink);color:var(--bg)}.seg input:focus-visible+span{outline:3px solid var(--orange);outline-offset:-3px}.field-check{flex-direction:row;align-items:center;gap:10px;min-height:48px;font-weight:600;display:flex}.field-check input{width:22px;height:22px;accent-color:var(--orange)}.result{border-top:2px solid var(--ink);padding:var(--s5);gap:var(--s3);background:var(--sunken);align-content:start;display:grid}@media (width>=860px){.result{border-top:0;border-inline-start:2px solid var(--ink)}}.result .label{text-transform:uppercase;letter-spacing:.06em;font-size:.8125rem;font-weight:700}.result .big{background:var(--orange);color:var(--orange-ink);font:800 2.5rem/1.05 var(--font);font-variant-numeric:tabular-nums;border-radius:3px;justify-self:start;padding:6px 14px 8px;font-stretch:110%;display:inline-block}@media (width>=760px){.result .big{font-size:3rem}}.result .sub{color:var(--muted);font-weight:600}.result dl{border-top:1.5px solid var(--ink);grid-template-columns:1fr auto;margin:0;display:grid}.result dt,.result dd{border-bottom:1px dashed var(--rule);padding:9px 0}.result dd{text-align:right;font-variant-numeric:tabular-nums;padding-left:var(--s3);margin:0;font-weight:700}.result{transition:opacity .2s var(--ease)}[data-state=invalid] .result{opacity:.5}.modes [data-mode]{display:contents}.modes [hidden]{display:none}.diagram{margin:var(--s5) 0;padding:var(--s4);background:var(--sheet);border:1.5px solid var(--ink);border-radius:var(--r);max-width:640px}.diagram svg{width:100%;height:auto;color:var(--ink);display:block;overflow:visible}.diagram figcaption{color:var(--muted);margin-top:var(--s2);font-size:.875rem}.diagram .ln{fill:none;stroke:currentColor;stroke-width:2px;stroke-linejoin:round}.diagram .ln.strong{stroke:var(--orange);stroke-width:3px}.diagram .ln.accent{stroke:var(--orange);stroke-width:2.5px}.diagram .fill{fill:var(--sunken)}.diagram .face{fill:oklch(85% .006 250);stroke:currentColor;stroke-width:1.5px}.diagram .sand{fill:oklch(86% .06 85)}.diagram .gravel{fill:oklch(70% .01 250)}.diagram .soil{fill:oklch(50% .05 55)}.diagram .cut{fill:var(--sheet);stroke:currentColor;stroke-width:1.5px;stroke-dasharray:4 3}.diagram .dim{fill:none;stroke:var(--blue);stroke-width:1.5px}.diagram .ah{fill:var(--blue)}.diagram .lb{fill:currentColor;font:600 15px var(--font)}@media (prefers-color-scheme:dark){.diagram .face{fill:oklch(36% .008 250)}.diagram .sand{fill:oklch(55% .06 85)}.diagram .gravel{fill:oklch(45% .01 250)}.diagram .soil{fill:oklch(36% .05 55)}}.formula{background:var(--sheet);border:1.5px solid var(--ink);padding:var(--s3) var(--s4);white-space:pre-line;border-radius:4px;max-width:68ch;font:600 .9375rem/1.6 ui-monospace,Cascadia Mono,Consolas,monospace;overflow-x:auto}.tbl{background:var(--sheet);border:1.5px solid var(--ink);margin:var(--s3) 0 var(--s5);border-radius:4px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9375rem}th,td{text-align:left;padding:9px var(--s4);border-bottom:1px solid var(--rule)}th{text-transform:uppercase;letter-spacing:.06em;background:var(--sunken);font-size:.75rem;font-stretch:108%}td.r,th.r{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}tr:last-child td{border-bottom:0}.tip{background:var(--orange-soft);border:1.5px solid var(--orange);border-radius:var(--r);padding:var(--s3) var(--s4);max-width:68ch}.tip:before{content:"Tip";margin-right:var(--s2);background:var(--orange);color:var(--orange-ink);text-transform:uppercase;letter-spacing:.06em;vertical-align:2px;border-radius:3px;padding:1px 8px;font-size:.75rem;font-weight:800;display:inline-block}.sources{color:var(--muted);font-size:.875rem}.hero{padding:var(--s7) 0 var(--s4);gap:var(--s5);align-items:center;display:grid}@media (width>=860px){.hero{grid-template-columns:1fr 320px}}.hero-art{width:100%;max-width:320px;height:auto;color:var(--ink)}@media (width<=859px){.hero-art{max-width:240px}}.groups{gap:var(--s6);margin-top:var(--s5);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.groups h2{margin:0 0 var(--s2);text-transform:uppercase;letter-spacing:.04em;font-size:1.125rem}.groups ul{background:var(--sheet);border:2px solid var(--ink);border-radius:var(--r);margin:0;padding:0;list-style:none}.groups li+li{border-top:1px dashed var(--rule)}.groups a{gap:2px var(--s3);padding:var(--s3) var(--s4);color:var(--ink);transition:background .15s var(--ease);grid-template-columns:1fr auto;text-decoration:none;display:grid}.groups a:hover{background:var(--orange-soft)}.groups a strong{font-weight:750;font-stretch:108%}.groups a span{color:var(--muted);grid-column:1;font-size:.9375rem}.groups a:after{content:"→";transition:transform .18s var(--ease);grid-area:1/2/span 2;align-self:center;font-weight:700}.groups a:hover:after{color:var(--orange);transform:translate(3px)}.foot{border-top:2px solid var(--ink);background:var(--sheet);padding:var(--s6) 0 calc(var(--s7) + env(safe-area-inset-bottom));color:var(--muted);font-size:.875rem}.foot .wrap{justify-content:space-between;gap:var(--s3) var(--s5);flex-wrap:wrap;display:flex}.foot nav{gap:var(--s2) var(--s4);flex-wrap:wrap;display:flex}.foot a{color:inherit}.operator{gap:var(--s1) var(--s4);margin:var(--s4) 0;grid-template-columns:auto 1fr;display:grid}.operator dt{color:var(--muted)}.operator dd{margin:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}@media (width<=420px){.logo{white-space:nowrap;font-size:.875rem}}.calc-error{color:var(--bad,#b3261e);grid-column:1/-1;margin:0;font-size:.9375rem;font-weight:600}.tbl:focus-visible{outline-offset:3px}.foot nav a,.crumbs a{align-items:center;min-height:44px;display:inline-flex}.crumbs{margin-bottom:0}.skip:focus{align-items:center;min-height:44px;display:inline-flex}.hint{font-size:.875rem}.logo{min-height:44px}.field>label,.field legend,.result .label{font-size:.875rem}th{font-size:.8125rem}.bar .wrap>*{min-width:0}@media (width<=400px){.logo{white-space:normal;gap:8px;font-size:.8125rem}.logo svg{width:26px;height:26px}.bar summary{letter-spacing:.02em;padding:0 10px;font-size:.8125rem}}