@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-vietnamese-opsz-normal.D9N6E8K1.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-opsz-normal.IcJDqblK.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-opsz-normal.Cre6nC2_.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}@layer reset{*,:before,:after{box-sizing:border-box}*{margin:0}img,picture,svg{max-width:100%;display:block}img{height:auto}input,button,textarea,select{font:inherit}ul[role=list],ol[role=list]{padding:0;list-style:none}}@layer tokens{:root{color-scheme:light dark;--bg:light-dark(#e9ecef,#0f1113);--tile:light-dark(#fff,#1a1d21);--tile-strong:light-dark(#f3f3f3,#262b31);--tile-accent:light-dark(#dae5fc,#233c86);--ink:light-dark(#14171b,#e9ecef);--muted:light-dark(#5b636d,#9ea7b1);--line:light-dark(#d6dbe1,#2e333a);--link:light-dark(#1d4ed8,#93b4ff);--green:light-dark(#179a50,#3cc277);--focus:light-dark(#1d4ed8,#93b4ff);--placeholder:light-dark(#b45309,#f5a54a);--on-strong:light-dark(#14171b,#f4f6f8);--on-strong-muted:light-dark(#476152,#aab3bf);--on-strong-line:light-dark(#174d2e40,#ffffff38);--on-accent:light-dark(#14171b,#fff);--on-accent-muted:light-dark(#3f4a5a,#dbe4ff);--on-accent-line:light-dark(#14171b4d,#ffffff73);--pill:#fffffff2;--on-pill:#14171b;--font:"Bricolage Grotesque Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--step--1:.875rem;--step-0:1rem;--step-1:1.125rem;--step-2:clamp(1.25rem, 1.1rem + .6vw, 1.5rem);--step-3:clamp(1.6rem, 1.3rem + 1.4vw, 2.25rem);--step-4:clamp(2.5rem, 1.7rem + 3.4vw, 3.75rem);--page:75rem;--gap:clamp(10px, 1.2vw, 14px);--pad:clamp(18px, 2.4vw, 26px);--radius:22px;--radius-inner:14px}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}}@layer base{html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);min-height:100dvh;color:var(--ink);font-family:var(--font);font-size:var(--step-0);font-optical-sizing:auto;flex-direction:column;line-height:1.5;display:flex}h1,h2,h3{letter-spacing:-.02em;text-wrap:balance;font-weight:750;line-height:1.05}p,li{text-wrap:pretty}a{color:var(--link);text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}::selection{background:color-mix(in srgb, var(--green) 30%, transparent)}}@layer layout{.page{width:min(var(--page), 100% - 32px);margin-inline:auto}main{flex:1;padding-block-end:40px}.bento{gap:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=56rem){.bento{grid-template-columns:repeat(4,minmax(0,1fr))}}.span-all{grid-column:1/-1}}@layer components{.skip-link{z-index:10;background:var(--ink);color:var(--bg);border-radius:999px;padding:10px 16px;font-weight:650;position:absolute;top:-100px;left:16px}.skip-link:focus{top:12px}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding-block:18px;display:flex}.brand{color:var(--ink);font-size:var(--step-1);letter-spacing:-.01em;align-items:center;gap:10px;font-weight:750;text-decoration:none;display:inline-flex}.mark .ink{fill:var(--ink)}.mark .green{fill:var(--green)}.header-end{align-items:center;gap:4px;display:flex}.site-nav ul{gap:2px;display:flex}.site-nav a{color:var(--ink);border-radius:999px;padding:8px 14px;font-weight:600;text-decoration:none;display:block}.site-nav a:hover,.site-nav a[aria-current]{background:var(--tile)}@media (width<=22rem){.site-nav a{padding-inline:10px}}.site-footer{color:var(--muted);font-size:var(--step--1);flex-wrap:wrap;justify-content:space-between;gap:6px 24px;padding-block:8px 32px;display:flex}.site-footer a{color:inherit}.tile{min-width:0;padding:var(--pad);border-radius:var(--radius);background:var(--tile);flex-direction:column;gap:10px;display:flex;position:relative;overflow:hidden}.tile h2{font-size:var(--step-2)}.tile .tile-label,.tile-label{color:var(--muted);font-size:var(--step--1);letter-spacing:0;font-weight:600}.tile--strong{background:var(--tile-strong);color:var(--on-strong)}.tile--strong .tile-label{color:var(--on-strong-muted)}.tile--accent{background:var(--tile-accent);color:var(--on-accent)}.tile--accent a{color:inherit}.tile--accent .tile-label{color:var(--on-accent-muted)}.tile--media{background:var(--tint,var(--tile-strong));padding:0}.tile-media{position:absolute;inset:0}.tile-media img{object-fit:cover;object-position:left top;width:100%;height:100%}.stretched{color:inherit;text-decoration:none}.stretched:after{content:"";z-index:1;border-radius:inherit;position:absolute;inset:0}.stretched:focus-visible{outline:none}.stretched:focus-visible:after{outline:3px solid var(--focus);outline-offset:-3px}.above{z-index:2;position:relative}.button{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:650;line-height:1.2;text-decoration:none;display:inline-flex}.button--primary{background:var(--ink);color:var(--tile)}.button--quiet{border:1px solid var(--line);color:var(--ink)}.button--primary:hover,.button--quiet:hover{text-decoration:underline 1px}.pill{background:var(--pill);color:var(--on-pill);font-size:var(--step--1);border-radius:999px;padding:5px 12px;font-weight:650;line-height:1.3;display:inline-block}.pill--dark{color:#fff;background:#14171be0;text-decoration:none}.pill--dark:hover{text-decoration:underline}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips li{border:1px solid var(--line);font-size:var(--step--1);border-radius:999px;padding:4px 11px;font-weight:550}.tile--strong .chips li{border-color:var(--on-strong-line)}.link-row{flex-wrap:wrap;gap:6px;display:flex}.link-row a{border:1px solid var(--line);color:inherit;font-size:var(--step--1);border-radius:999px;padding:6px 13px;font-weight:650;text-decoration:none;display:inline-block}.link-row a:hover{text-decoration:underline}.tile--accent .link-row a{border-color:var(--on-accent-line)}.more-link{margin-top:auto;font-weight:650}.prose{max-width:42rem;font-size:var(--step-1);line-height:1.6}.prose>*+*{margin-top:.8em}.prose h2{font-size:var(--step-2);margin-top:1.4em}.prose ul{padding-left:1.2em}.placeholder{color:var(--placeholder);outline:2px dashed var(--placeholder);outline-offset:4px;border-radius:4px}.placeholder:before{content:"Placeholder: ";font-weight:700}}@layer utilities{.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}}@view-transition{navigation:auto}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.theme-toggle[data-astro-cid-l6lhmie6]{width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:grid}.theme-toggle[data-astro-cid-l6lhmie6]:hover{background:var(--tile)}.theme-toggle[data-astro-cid-l6lhmie6] svg[data-astro-cid-l6lhmie6]{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.icon-sun[data-astro-cid-l6lhmie6]{display:none}:root[data-theme=dark] .icon-sun[data-astro-cid-l6lhmie6]{display:block}:root[data-theme=dark] .icon-moon[data-astro-cid-l6lhmie6]{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .icon-sun[data-astro-cid-l6lhmie6]{display:block}:root:not([data-theme=light]) .icon-moon[data-astro-cid-l6lhmie6]{display:none}}
