@layer reset{*,:before,:after{box-sizing:border-box}:where(body,h1,h2,h3,h4,h5,h6,p,figure,pre,table,dl,dd){margin:0}:where(img,picture,svg){max-inline-size:100%;display:block}:where(img){block-size:auto}:where(input,button,select){font:inherit}}@layer tokens{:root{color-scheme:light dark;--font-sans:var(--font-archivo);--font-mono:var(--font-plex-mono);--heading-width:"wdth" 125;--color-bg:light-dark(#eeeff2,#10131b);--color-surface:light-dark(#e3e5ea,#181c27);--color-text:light-dark(#15171d,#e8e9ee);--color-text-muted:light-dark(#4f5460,#a3a9b8);--color-accent:light-dark(#8a4d00,#ffb454);--color-rule:light-dark(#cfd3da,#292e3c);--zoom-bg:light-dark(#eeeff2fa,#10131bf7);--zoom-close-color:var(--color-text);--zoom-nav-color:var(--color-text);--zoom-caption-color:light-dark(#eeeff2,#10131b);--zoom-caption-bg:light-dark(#15171de6,#e8e9eeeb);--zoom-caption-font:var(--font-sans);--zoom-caption-font-size:.8125rem;--color-focus:#8a4d00;--focus-ring:2px solid var(--color-focus);--focus-offset:3px;--radius:2px;--width-text:40rem;--width-wide:80rem;--gutter:1.25rem;--header-offset:5rem;--sticky-top:calc(var(--header-offset) + 1rem)}@media (prefers-color-scheme:dark){:root{--color-focus:#ffb454}}@media (width>=48rem){:root{--gutter:2rem}}}@layer base{html{scroll-padding-top:var(--header-offset);-webkit-text-size-adjust:100%;@media (prefers-reduced-motion:no-preference){scroll-behavior:smooth}}body{min-block-size:100dvh;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);accent-color:var(--color-accent);font-size:1.0625rem;line-height:1.6}:where(h1,h2,h3,h4){font-variation-settings:var(--heading-width);letter-spacing:-.025em;text-wrap:balance;font-weight:700;line-height:1.05}h4{font-size:1.0625rem}:where(p,li,dd){text-wrap:pretty}a{color:inherit;text-decoration-color:color-mix(in oklab, currentColor 45%, transparent);text-underline-offset:.2em;text-decoration-thickness:1px;&:hover{text-decoration-color:var(--color-accent)}}:focus-visible,astro-image-zoom-overlay::part(close):focus-visible,astro-image-zoom-overlay::part(nav):focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}a[data-zoom-generated]{&:focus-visible{outline:none}&:focus-visible img{outline:var(--focus-ring);outline-offset:var(--focus-offset)}& img{cursor:zoom-in}}:where(code,kbd,pre){font-family:var(--font-mono)}:where(:not(pre)>code,kbd){background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius);padding:.1em .3em;font-size:.85em}pre{border:1px solid var(--color-rule);border-radius:var(--radius);color-scheme:dark;padding:1rem 1.25rem;font-size:.8125rem;line-height:1.65}.lead{max-inline-size:38rem;color:var(--color-text-muted);font-size:clamp(1.125rem,1rem + .5vw,1.3125rem)}.label{color:var(--color-text-muted);font-size:.8125rem;font-weight:400;line-height:1.5}}@layer layout{.flow{--wide-margin:calc((var(--width-wide) - var(--width-text)) / 2);grid-template-columns:[full-start] minmax(var(--gutter), 1fr) [wide-start] minmax(0, var(--wide-margin)) [text-start] min(var(--width-text), 100% - 2 * var(--gutter)) [text-end] minmax(0, var(--wide-margin)) [wide-end] minmax(var(--gutter), 1fr) [full-end];display:grid}:where(.flow,.section)>*,:where(.flow,.section)>astro-image-zoom>*{grid-column:text}:where(.flow,.section)>.wide,:where(.flow,.section)>astro-image-zoom>.wide{grid-column:wide}body>header{z-index:10;background:color-mix(in oklab, var(--color-bg) 92%, transparent);border-block-end:1px solid var(--color-rule);backdrop-filter:blur(8px);font-size:.9375rem;position:sticky;top:0}.header-content{max-inline-size:calc(var(--width-wide) + 2 * var(--gutter));padding:.875rem var(--gutter);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;margin-inline:auto;display:flex}.logo{font-variation-settings:var(--heading-width);letter-spacing:-.01em;font-size:.9375rem;font-weight:700;text-decoration:none}.header-nav ul{flex-wrap:wrap;gap:.25rem 1.25rem;margin:0;padding:0;list-style:none;display:flex;& a{color:var(--color-text-muted);text-decoration:none;&:hover,&[aria-current=page]{color:var(--color-text)}&[aria-current=page]{text-decoration:underline;text-decoration-color:var(--color-accent);text-underline-offset:.35em}}}main{padding-block:clamp(3rem,8vw,6rem) 4rem;overflow-x:clip}footer{padding:2.5rem var(--gutter);color:var(--color-text-muted);text-align:center;border-block-start:1px solid var(--color-rule);font-size:.8125rem}}@layer components{.section[data-astro-cid-w6ymvdtg]{grid-column:full;grid-template-columns:subgrid;align-content:start;row-gap:1.25rem;display:grid;&>p{max-inline-size:44rem}}.wide-heading[data-astro-cid-w6ymvdtg]>[data-astro-cid-w6ymvdtg]:is(h2,h3){grid-column:wide}.level-2[data-astro-cid-w6ymvdtg]{margin-block-start:clamp(5rem,12vw,8rem);&:first-child{margin-block-start:0}&>h2[data-astro-cid-w6ymvdtg]{border-block-start:1px solid var(--color-rule);padding-block-start:1.25rem;font-size:clamp(1.75rem,1.2rem + 2vw,2.75rem)}&>h3{margin-block-start:1rem;font-size:1.125rem}}.level-3[data-astro-cid-w6ymvdtg]{margin-block-start:3.5rem;&>h3[data-astro-cid-w6ymvdtg]{border-block-start:1px solid var(--color-rule);padding-block-start:.875rem;font-size:1.25rem}}.code-sample[data-astro-cid-s3fdq62p]{font-family:var(--font-sans);font-size:.875rem;& summary{inline-size:fit-content;color:var(--color-text-muted);cursor:pointer;&:hover{color:var(--color-text)}}&[open] summary[data-astro-cid-s3fdq62p]{margin-block-end:.75rem}}picture[data-astro-cid-xjdomtpr]{display:contents}.photo[data-astro-cid-xjdomtpr]{align-content:start;gap:.5rem;display:grid;& img{border-radius:var(--photo-radius,var(--radius));inline-size:100%}}.fill[data-astro-cid-xjdomtpr]{block-size:100%;min-block-size:0;display:block;& a{block-size:100%;display:block}& img{object-fit:cover;block-size:100%}}figcaption[data-astro-cid-xjdomtpr]{flex-wrap:wrap;align-items:baseline;gap:.125rem .625rem;font-size:.875rem;line-height:1.35;display:flex}.title[data-astro-cid-xjdomtpr]{font-weight:600}}