@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_next/static/media/archivo-vietnamese-wdth-normal.4a04442c.woff2) format("woff2-variations");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,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(/_next/static/media/archivo-latin-ext-wdth-normal.33cc89f0.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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(/_next/static/media/archivo-latin-wdth-normal.8eca89c0.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{--film:#eaeff2;--sheet:#f7f9fa;--ink:#13233a;--ink-soft:#4a5b70;--line:#b4c1cc;--cobalt:#2b4fd8;--near:#e0a100;--good:#1f8a70;--far:#c8452f;--display:"Archivo Variable","Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--film);color:var(--ink);font:400 1rem/1.55 var(--display)}a{color:var(--cobalt);text-underline-offset:.18em}:focus-visible{outline:3px solid var(--cobalt);outline-offset:2px}.wrap{max-width:76rem;margin:0 auto;padding:0 1rem}.masthead{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1.5rem;padding:1.1rem 0;border-bottom:1px solid var(--line)}.masthead .name{font-weight:700;font-stretch:125%;color:var(--ink);text-decoration:none;margin-right:auto}.masthead nav{display:flex;flex-wrap:wrap;gap:.25rem 1.1rem;font-size:.9rem}.masthead nav a{color:var(--ink-soft);text-decoration:none}.masthead nav a:hover,.masthead nav a[aria-current]{color:var(--ink);text-decoration:underline}h1{font-size:clamp(1.9rem,4.6vw,3.4rem);line-height:1.04;font-weight:600;font-stretch:125%;letter-spacing:-.02em;margin:2.2rem 0 .6rem;max-width:20ch;text-wrap:balance}h2{font-size:1.15rem;font-weight:650;font-stretch:112%;margin:0 0 .6rem}.lede{font-size:1.1rem;color:var(--ink-soft);max-width:56ch;margin:0 0 1.6rem}.tool{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:1fr;align-items:start}@media (min-width:52rem){.tool{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tool-3d{grid-template-columns:minmax(0,1fr) 22rem}.tool .gear,.tool .lead{grid-column:1/-1}}.gear,.lead,.panel,.results{background:var(--sheet);border:1px solid var(--line);border-radius:4px;padding:1.1rem}.panel{display:grid;grid-gap:.9rem;gap:.9rem}.tool-3d .panel .results{border:0;background:none;border-top:1px solid var(--line);padding:.9rem 0 0;border-radius:0}.field{display:grid;grid-gap:.3rem;gap:.3rem;font-size:.9rem;font-weight:550}.field>span{display:flex;justify-content:space-between;gap:1rem}.field output{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.field input:not([type=range]),.field select,.field textarea{width:100%;font:inherit;font-weight:400;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:3px;padding:.55rem .65rem;min-height:2.75rem}.field-input{position:relative;display:block}.field-input em{position:absolute;right:.7rem;top:50%;translate:0 -50%;font-style:normal;color:var(--ink-soft);pointer-events:none}.field-input input{padding-right:2.4rem!important}.field input[type=range]{width:100%;accent-color:var(--cobalt);height:2rem;margin:0}.chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:-.4rem}.chips button{font:inherit;font-size:.85rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding:.3rem .55rem;min-height:2rem;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:3px;cursor:pointer}.chips button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.checks{border:0;padding:0;margin:0;display:grid;grid-gap:.5rem;gap:.5rem;font-size:.95rem}.checks legend{font-size:.9rem;font-weight:550;padding:0;margin-bottom:.4rem}.checks input{width:1.1rem;height:1.1rem;accent-color:var(--cobalt);vertical-align:-.15rem;margin-right:.35rem}.legend{list-style:none;display:flex;flex-wrap:wrap;gap:.3rem 1rem;margin:0;padding:0;font-size:.85rem}.legend li:before{content:"";display:inline-block;width:.8rem;height:.8rem;margin-right:.4rem;vertical-align:-.08rem;border-radius:2px}.legend .near:before{background:var(--near)}.legend .good:before{background:var(--good)}.legend .far:before{background:var(--far)}.results dl{margin:0;display:grid;grid-gap:0;gap:0}.results dl>div{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px dashed var(--line)}.results dt{color:var(--ink-soft);font-size:.9rem}.results dd{margin:0;font-weight:700;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.results.empty{color:var(--ink-soft);margin:0}.verdict{margin:.9rem 0 0}.btn{font:inherit;font-weight:650;color:#fff;background:var(--cobalt);border:0;border-radius:3px;padding:.65rem 1.1rem;min-height:2.75rem;margin-top:.8rem;cursor:pointer}.btn:hover{background:#2140b4}.btn:disabled{opacity:.6;cursor:default}.gear ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.4rem 1.5rem}.fine{font-size:.8rem;color:var(--ink-soft);margin:.7rem 0 0}.lead{display:grid;grid-gap:.8rem;gap:.8rem;max-width:34rem}.lead p{margin:0}.lead .btn{justify-self:start;margin-top:0}.hp{position:absolute;left:-200vw}.error{color:var(--far);font-weight:600}.stage{position:relative;overflow:hidden;background:linear-gradient(#f7f9fa,#dfe6eb);border:1px solid var(--line);border-radius:4px;height:clamp(20rem,62vh,38rem);touch-action:pan-y}.stage canvas{display:block;width:100%;height:100%;cursor:-webkit-grab;cursor:grab}.stage canvas:active{cursor:-webkit-grabbing;cursor:grabbing}.stage-loading{display:grid;place-items:center;color:var(--ink-soft)}.stage-label{position:absolute;left:0;top:0;margin:-.8rem 0 0 .5rem;padding:.15rem .45rem;font-size:.8rem;font-weight:650;white-space:nowrap;color:#fff;border-radius:2px;pointer-events:none;will-change:transform}.stage-label.near{background:#8a6300}.stage-label.far{background:var(--far)}.stage-label.screen{background:var(--ink);margin:-1.6rem 0 0 -1.2rem}.stage-hint{position:absolute;left:.8rem;bottom:.6rem;margin:0;font-size:.8rem;color:var(--ink-soft);pointer-events:none}.index{list-style:none;margin:2.5rem 0 0;padding:0;border-top:2px solid var(--ink)}.index li{border-bottom:1px solid var(--line)}.index a{display:grid;grid-gap:.1rem 2rem;gap:.1rem 2rem;padding:.95rem 0;color:var(--ink);text-decoration:none}.index a:hover strong{text-decoration:underline}.index strong{font-size:1.2rem;font-weight:600;font-stretch:112%}.index span{color:var(--ink-soft)}@media (min-width:52rem){.index a{grid-template-columns:24rem 1fr;align-items:baseline}}.method{max-width:64ch;margin:2.5rem 0 0}.method p{margin:0 0 .9rem}footer{margin-top:4rem;padding:1.5rem 0 3rem;border-top:1px solid var(--line);font-size:.85rem;color:var(--ink-soft)}footer p{margin:0 0 .4rem;max-width:70ch}.consent{display:grid;grid-template-columns:auto 1fr;grid-gap:.6rem;gap:.6rem;font-size:.9rem;align-items:start}.consent input{width:1.15rem;height:1.15rem;margin-top:.15rem;accent-color:var(--cobalt)}.foot-links{display:flex;gap:1.2rem}.legal{max-width:68ch}.legal h2{margin-top:1.8rem}.legal li,.legal p{margin:0 0 .7rem}.legal ul{padding-left:1.2rem}.faq h3{font-size:1rem;font-weight:650;margin:1.3rem 0 .3rem}.related{margin:2.5rem 0 0;max-width:64ch}.related ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.related li{border-bottom:1px solid var(--line)}.related a{display:block;padding:.7rem 0}.guide{max-width:68ch}.guide .lede{max-width:none;margin-bottom:.9rem}.guide section{margin-top:2rem}.guide section p{margin:0 0 .9rem}.chart{margin:1.8rem 0;overflow-x:auto}.chart table{width:100%;border-collapse:collapse;background:var(--sheet);border:1px solid var(--line);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chart caption{text-align:left;font-weight:650;padding-bottom:.6rem}.chart td,.chart th{text-align:left;padding:.55rem .8rem;border-bottom:1px solid var(--line)}.chart thead th{font-size:.9rem;border-bottom:2px solid var(--ink);white-space:nowrap}.chart tbody th{font-weight:650;white-space:nowrap}.guides-index{margin-top:3rem}.guides-index>p{max-width:64ch;color:var(--ink-soft);margin:0 0 1rem}.foot-guides{display:flex;flex-wrap:wrap;gap:.3rem 1.4rem;margin-bottom:1.1rem}