@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(../media/archivo-vietnamese-wdth-normal.38-z0iikg-fbe.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(../media/archivo-latin-ext-wdth-normal.27soo5q86xy9f.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(../media/archivo-latin-wdth-normal.1h4hl0m83hjjz.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{--ground:#e9ece7;--panel:#f7f8f5;--ink:#1b2230;--ink-soft:#4a5466;--line:#c9cfc6;--marker:#3d2ef5;--marker-soft:#dcd9fe;--keep:#13805a;--less:#c2410c;--focus:#3d2ef5;--font:"Archivo Variable", system-ui, sans-serif;--step--1:.8125rem;--step-0:1rem;--step-1:1.25rem;--step-2:1.75rem;--step-3:2.75rem;--step-4:clamp(2.75rem, 6vw, 4.75rem);--space:1rem;--radius-pad:10px;--radius-control:6px;--measure:62ch}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--ground);color:var(--ink);font-family:var(--font);font-size:var(--step-0);font-variation-settings:"wdth" 100;margin:0;line-height:1.5}img,svg,canvas{max-width:100%;display:block}a{color:inherit;text-underline-offset:.2em}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tabular{font-variant-numeric:tabular-nums}.display{font-size:var(--step-4);font-variation-settings:"wdth" 125;letter-spacing:-.02em;max-width:14ch;margin:0;font-weight:800;line-height:.98}h1,h2,h3{margin:0;line-height:1.15}h2{font-size:var(--step-2);font-variation-settings:"wdth" 115;font-weight:750}h3{font-size:var(--step-1);font-variation-settings:"wdth" 110;font-weight:700}p{max-width:var(--measure);margin:0}.lede{font-size:var(--step-1);color:var(--ink-soft);line-height:1.45}.muted{color:var(--ink-soft)}.small{font-size:var(--step--1)}.frame{width:min(1180px,100% - 2rem);margin-inline:auto}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.25rem;padding-block:1rem;display:flex}@media (max-width:560px){.nav{flex-wrap:nowrap;gap:.85rem;width:100%}.nav>:last-child{margin-left:auto}.nav .button{font-size:var(--step--1);white-space:nowrap;padding:.35rem .6rem}}.wordmark{font-variation-settings:"wdth" 125;font-weight:850;font-size:var(--step-1);letter-spacing:-.01em;align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.wordmark span{color:var(--marker)}.wordmark .wordmark-name{color:inherit}.wordmark-mark{flex:none}.nav{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.nav a{color:var(--ink-soft);text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--ink);text-decoration:underline}.button{font:inherit;cursor:pointer;border:2px solid var(--ink);background:var(--ink);color:var(--panel);border-radius:var(--radius-control);align-items:center;gap:.5rem;padding:.55rem 1rem;font-weight:650;line-height:1.2;text-decoration:none;display:inline-flex}.button:hover{background:#2a3447}.button.quiet{color:var(--ink);background:0 0}.button.quiet:hover{background:var(--panel)}.button:disabled{opacity:.45;cursor:not-allowed}.button.small{font-size:var(--step--1);padding:.3rem .6rem}.dev-signin{align-items:center;gap:.5rem;display:flex}.dev-signin input,.field input,.field select{font:inherit;border:1.5px solid var(--line);background:var(--panel);color:var(--ink);border-radius:var(--radius-control);padding:.45rem .6rem}.notice{border-left:4px solid var(--less);background:var(--panel);border-radius:0 var(--radius-control) var(--radius-control) 0;padding:.75rem 1rem}.notice.info{border-left-color:var(--marker)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}