@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-vietnamese-wght-normal.BUzh504Q.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-ext-wght-normal.CcLUaPy7.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-wght-normal.DLoelf7F.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 Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/atkinson-hyperlegible-next-latin-ext-wght-normal.C6vrW8VD.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:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/atkinson-hyperlegible-next-latin-wght-normal.BcXVPD7q.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 Mono Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/atkinson-hyperlegible-mono-latin-ext-wght-normal.CXgNM06D.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:Atkinson Hyperlegible Mono Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/atkinson-hyperlegible-mono-latin-wght-normal.CoA7y8X5.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{--paper:#f5f8f9;--surface:#fff;--ink:#15293b;--ink-soft:#46596a;--ink-faint:#6c7d8c;--line:#cfdae0;--line-strong:#15293b;--grid-dot:#15293b29;--teal:#2e6f82;--teal-brand:#388094;--teal-wash:#e4f0f3;--note:#fff6c9;--note-edge:#d9bd4f;--note-ink:#4a3d0a;--check:#e6f4ea;--check-edge:#2f7d4f;--caution:#fdeee8;--caution-edge:#b4532a;--code-bg:#eef3f5;--focus:#1a73e8;--font-display:"Bricolage Grotesque Variable", "Segoe UI", system-ui, sans-serif;--font-body:"Atkinson Hyperlegible Next Variable", "Segoe UI", system-ui, sans-serif;--font-code:"Atkinson Hyperlegible Mono Variable", "Cascadia Code", ui-monospace, monospace;--step--1:.875rem;--step-0:1.0625rem;--step-1:1.3125rem;--step-2:1.625rem;--step-3:2.0625rem;--step-4:2.5625rem;--step-5:clamp(2.75rem, 1.6rem + 4.6vw, 5.25rem);--measure:68ch;--page:1240px;--gutter:clamp(16px, 4vw, 40px);--radius-s:4px;--radius-m:8px;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#0f1d2a;--surface:#152738;--ink:#e5eef3;--ink-soft:#b3c3cf;--ink-faint:#8798a6;--line:#2b4256;--line-strong:#9fb6c5;--grid-dot:#e5eef31f;--teal:#6fbcd5;--teal-brand:#6fbcd5;--teal-wash:#173547;--note:#3a3418;--note-edge:#a68f3a;--note-ink:#f3e7b5;--check:#163626;--check-edge:#5fb784;--caution:#3b2219;--caution-edge:#e0875e;--code-bg:#10202e;--focus:#8ab4f8;color-scheme:dark}}:root[data-theme=dark]{--paper:#0f1d2a;--surface:#152738;--ink:#e5eef3;--ink-soft:#b3c3cf;--ink-faint:#8798a6;--line:#2b4256;--line-strong:#9fb6c5;--grid-dot:#e5eef31f;--teal:#6fbcd5;--teal-brand:#6fbcd5;--teal-wash:#173547;--note:#3a3418;--note-edge:#a68f3a;--note-ink:#f3e7b5;--check:#163626;--check-edge:#5fb784;--caution:#3b2219;--caution-edge:#e0875e;--code-bg:#10202e;--focus:#8ab4f8;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:88px}body{background:var(--paper);color:var(--ink);font:400 var(--step-0) / 1.65 var(--font-body);font-feature-settings:"kern", "liga";margin:0;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:var(--teal);text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:2px}::selection{background:var(--teal-wash)}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.012em;text-wrap:balance;margin:0;font-weight:640;line-height:1.12}p,ul,ol{margin:0}code,kbd,pre{font-family:var(--font-code)}:not(pre)>code{overflow-wrap:anywhere}.skip-link{z-index:50;background:var(--ink);color:var(--paper);border-radius:var(--radius-s);padding:8px 14px;position:absolute;top:-48px;left:12px}.skip-link:focus{top:12px}.wrap{max-width:var(--page);padding-inline:var(--gutter);margin-inline:auto}.canvas{background-color:var(--paper);background-image:radial-gradient(var(--grid-dot) 1px, transparent 1.2px);background-size:20px 20px}.site-header{z-index:30;background:color-mix(in srgb, var(--paper) 88%, transparent);backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.site-header__inner{align-items:center;gap:24px;min-height:64px;display:flex}.brand{color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:flex}.brand img{width:auto;height:26px}.brand__logo--dark,:root[data-theme=dark] .brand__logo--light{display:none}:root[data-theme=dark] .brand__logo--dark{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .brand__logo--light{display:none}:root:not([data-theme=light]) .brand__logo--dark{display:block}}.brand__labs{font:600 var(--step-1) / 1 var(--font-display);border-left:1px solid var(--line);padding-left:12px}.site-nav{align-items:center;gap:4px;margin-left:auto;display:flex}.site-nav a{color:var(--ink-soft);font-size:var(--step--1);border-radius:var(--radius-s);padding:8px 12px;font-weight:600;text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--ink);background:var(--teal-wash)}.theme-toggle{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);border-radius:var(--radius-s);cursor:pointer;place-items:center;width:36px;height:36px;display:grid}.theme-toggle:hover{color:var(--ink)}.nav-toggle{display:none}@media (width<=760px){.site-nav{padding:8px var(--gutter) 16px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;display:none;position:absolute;top:64px;left:0;right:0}.site-nav[data-open=true]{display:flex}.site-nav a{font-size:var(--step-0);padding:12px}.nav-toggle{border:1px solid var(--line);background:var(--surface);width:40px;height:40px;color:var(--ink);border-radius:var(--radius-s);place-items:center;margin-left:auto;display:grid}.brand__labs{font-size:var(--step-0)}.brand img{height:22px}}.btn{font:600 var(--step-0) / 1 var(--font-body);border-radius:var(--radius-s);border:1.5px solid var(--line-strong);color:var(--ink);background:var(--surface);align-items:center;gap:8px;padding:13px 20px;text-decoration:none;display:inline-flex}.btn:hover{background:var(--teal-wash);text-decoration:none}.btn--primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn--primary:hover{background:var(--teal);border-color:var(--teal);color:#fff}:root[data-theme=dark] .btn--primary:hover{color:var(--paper)}.site-footer{border-top:1px solid var(--line);color:var(--ink-soft);font-size:var(--step--1);margin-top:96px;padding-block:40px 56px}.site-footer__grid{flex-wrap:wrap;justify-content:space-between;gap:24px 48px;display:flex}.site-footer ul{flex-wrap:wrap;gap:8px 24px;padding:0;list-style:none;display:flex}.site-footer a{color:var(--ink-soft)}.site-footer p{max-width:60ch}.prose>*{max-width:var(--measure)}.prose>figure,.prose>pre,.prose>table{max-width:100%}.prose>*+*{margin-top:1.1em}.prose h2{font-size:var(--step-3);counter-increment:step;grid-template-columns:auto 1fr;align-items:baseline;column-gap:.55em;margin-top:2.6em;padding-top:.2em;display:grid}.prose h2:before{content:counter(step);font:600 var(--step-1) / 1 var(--font-display);color:var(--teal);border:1.5px solid;border-radius:50%;place-items:center;width:1.75em;height:1.75em;display:grid;transform:translateY(-.18em)}.prose h2.unnumbered{display:block}.prose h2.unnumbered:before{content:none}.prose h3{font-size:var(--step-1);margin-top:2em}.prose h2+*,.prose h3+*{margin-top:.7em}.prose ul,.prose ol{padding-left:1.4em}.prose li+li,.prose li>ul,.prose li>ol{margin-top:.35em}.prose ol>li::marker{color:var(--teal);font-weight:700}.prose strong{font-weight:700}.prose hr{border:0;border-top:1px solid var(--line);margin-block:2.5em}.prose blockquote{border-left:3px solid var(--line);color:var(--ink-soft);margin-inline:0;padding-left:1em}.prose :not(pre)>code{background:var(--code-bg);border:1px solid var(--line);border-radius:var(--radius-s);overflow-wrap:anywhere;padding:.08em .36em;font-size:.88em}.prose table{border-collapse:collapse;width:100%;font-size:var(--step--1);display:block;overflow-x:auto}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:8px 12px 8px 0}.prose th{border-bottom-color:var(--line-strong);font-weight:700}.prose figure{margin:1.8em 0}.prose figure img{border:1px solid var(--line);border-radius:var(--radius-m);background:var(--surface);box-shadow:0 1px 0 var(--line), 0 12px 32px -18px #15293b59}.prose figcaption{font-size:var(--step--1);color:var(--ink-soft);margin-top:10px}.inline-ui{border-bottom:1.5px solid var(--teal-brand);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-size:.94em;font-weight:700}.inline-kbd,kbd{border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface);border-bottom-width:2px;padding:.1em .4em;font-size:.82em}.prose pre{border:1px solid var(--line);border-radius:var(--radius-m);tab-size:4;padding:16px 18px;font-size:.86rem;line-height:1.6;position:relative;overflow-x:auto;background:var(--code-bg)!important}.prose pre code{font-size:inherit}.astro-code span{color:var(--shiki-light)}:root[data-theme=dark] .astro-code span{color:var(--shiki-dark)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .astro-code span{color:var(--shiki-dark)}}.copy-btn{font:600 .75rem/1 var(--font-body);color:var(--ink-soft);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-s);cursor:pointer;opacity:0;padding:6px 9px;transition:opacity .15s;position:absolute;top:8px;right:8px}.prose pre:hover .copy-btn,.copy-btn:focus-visible,.copy-btn[data-copied]{opacity:1}@media (hover:none){.copy-btn{opacity:1}}.callout{--edge:var(--line-strong);border:1.5px solid var(--edge);border-radius:var(--radius-m);background:var(--surface);padding:16px 20px}.callout__title{font:650 var(--step-0) / 1.3 var(--font-display);margin-bottom:6px}.callout__body>*+*{margin-top:.7em}.callout--note,.callout--tip{--edge:var(--note-edge);background:var(--note);color:var(--note-ink);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);border-radius:0;position:relative}.callout--note:after,.callout--tip:after{content:"";background:linear-gradient(225deg, var(--paper) 50%, var(--note-edge) 50%, var(--note-edge) calc(50% + 1.5px), color-mix(in srgb, var(--note-edge) 35%, var(--note)) calc(50% + 1.5px));width:19px;height:19px;position:absolute;top:-1px;right:-1px}.callout--note code,.callout--tip code{background:color-mix(in srgb, var(--note-edge) 18%, transparent);border-color:var(--note-edge)}.callout--note a,.callout--tip a{color:inherit}.callout--checkpoint{--edge:var(--check-edge);background:var(--check)}.callout--checkpoint .callout__title{color:var(--check-edge);align-items:center;gap:8px;display:flex}.callout--checkpoint .callout__title:before{content:"";background:var(--check-edge);border-radius:50%;flex:none;width:18px;height:18px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 0a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm-1.4 14.2-4-4 1.4-1.4 2.6 2.6 5.4-5.4 1.4 1.4z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 0a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm-1.4 14.2-4-4 1.4-1.4 2.6 2.6 5.4-5.4 1.4 1.4z'/%3E%3C/svg%3E") 50%/contain no-repeat}.callout--exercise{--edge:var(--teal-brand);background:var(--teal-wash);border-style:dashed;border-width:2px}.callout--exercise .callout__title{color:var(--teal)}.callout--caution{--edge:var(--caution-edge);background:var(--caution)}.callout--caution .callout__title{color:var(--caution-edge)}.callout--troubleshoot{--edge:var(--line);border-left:4px solid var(--caution-edge)}.solution{border:1.5px solid var(--line);border-radius:var(--radius-m);background:var(--surface)}.solution__summary{cursor:pointer;align-items:center;gap:10px;padding:12px 18px;font-weight:700;list-style:none;display:flex}.solution__summary::-webkit-details-marker{display:none}.solution__summary:before{content:"";border-bottom:2px solid;border-right:2px solid;width:8px;height:8px;transition:transform .15s;transform:rotate(-45deg)}.solution[open]>.solution__summary:before{transform:rotate(45deg)}.solution__body{padding:0 18px 16px}.solution__body>*+*{margin-top:.8em}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}