.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}:root{--font-sans:"Inter Variable", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:var(--font-sans);--font-mono:ui-monospace, "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, monospace;--bg:#fbfaf7;--bg-elevated:#fff;--bg-sunken:#f2f0eb;--text:#1a1c22;--text-muted:#5d6270;--border:#e4e1da;--accent:#4f46e5;--topic:var(--accent);--focus:#2563eb;--radius-sm:.5rem;--radius:1rem;--radius-lg:1.5rem;--shadow:0 1px 2px #0000000a, 0 8px 24px -12px #0000001f;--shadow-hover:0 2px 4px #0000000d, 0 20px 40px -16px #00000038;--container:75rem;--container-narrow:46rem;--gutter:clamp(1rem, 4vw, 2rem);--ease:cubic-bezier(.2, .7, .2, 1);color-scheme:light}[data-theme=dark]{--bg:#111318;--bg-elevated:#191c23;--bg-sunken:#0c0e12;--text:#e8e9ed;--text-muted:#9aa0ad;--border:#2a2e38;--shadow:0 1px 2px #0000004d, 0 8px 24px -12px #0009;--shadow-hover:0 2px 4px #0000004d, 0 20px 40px -16px #000c;color-scheme:dark}:root,[style*=--topic],[style*=--accent],.callout{--topic-soft:color-mix(in oklab, var(--topic) 12%, var(--bg));--topic-strong:color-mix(in oklab, var(--topic) 80%, var(--text))}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:5rem}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--bg);color:var(--text);font:400 1.0625rem/1.65 var(--font-sans);font-feature-settings:"cv11", "ss01";-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100dvh;margin:0;display:flex}main{flex:1;padding-block:clamp(1.5rem,4vw,3rem) 4rem}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration-color:color-mix(in oklab, currentColor 35%, transparent);text-underline-offset:.2em}a:hover{text-decoration-color:currentColor}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:4px}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0 0 .5em;line-height:1.15}p{text-wrap:pretty}.container{width:100%;max-width:calc(var(--container) + 2 * var(--gutter));padding-inline:var(--gutter);margin-inline:auto}.container--narrow{max-width:calc(var(--container-narrow) + 2 * var(--gutter))}.muted{color:var(--text-muted)}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 .75rem;font-size:.8125rem;font-weight:600}.skip-link{z-index:100;background:var(--text);color:var(--bg);border-radius:var(--radius-sm);padding:.5rem 1rem;position:absolute;top:.5rem;left:-999px}.skip-link:focus{left:.5rem}.button{font:inherit;background:var(--text);color:var(--bg);cursor:pointer;transition:transform .2s var(--ease), opacity .2s;border:0;border-radius:999px;align-items:center;gap:.5rem;padding:.7rem 1.4rem;font-weight:600;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.6;cursor:progress}.icon-button{width:2.5rem;height:2.5rem;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;place-items:center;transition:background .2s,border-color .2s;display:inline-grid}.icon-button:hover{background:var(--bg-sunken);border-color:var(--border)}.link-button{font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:.875rem;text-decoration:underline}.theme-toggle .icon-moon,[data-theme=dark] .theme-toggle .icon-sun{display:none}[data-theme=dark] .theme-toggle .icon-moon{display:block}.site-header{z-index:50;background:color-mix(in oklab, var(--bg) 82%, transparent);backdrop-filter:saturate(1.6)blur(14px);border-bottom:1px solid color-mix(in oklab, var(--border) 70%, transparent);position:sticky;top:0}.site-header-inner{align-items:center;gap:1.5rem;min-height:4rem;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:.6rem;font-weight:700;text-decoration:none;display:flex}.brand-mark{color:#fff;background:conic-gradient(from 200deg,#6366f1,#0ea5e9,#16a34a,#f97316,#e11d48,#6366f1);border-radius:.7rem;place-items:center;width:2.25rem;height:2.25rem;font-size:.85rem;display:grid}.site-nav{scrollbar-width:none;flex:1;overflow-x:auto}.site-nav ul{gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.site-nav a{white-space:nowrap;color:var(--text-muted);border-radius:999px;padding:.45rem .8rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:color .2s,background .2s;display:block}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--topic-strong);background:var(--topic-soft)}.site-actions{gap:.25rem;margin-left:auto;display:flex}@media (width<=52rem){.site-header-inner{flex-wrap:wrap;gap:.5rem 1rem;padding-block:.5rem}.site-nav{margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);flex-basis:100%;order:3}.brand-name{display:none}}.site-footer{border-top:1px solid var(--border);background:var(--bg-sunken);padding-block:3rem 1.5rem;font-size:.9375rem}.site-footer-inner{grid-template-columns:2fr 2fr auto;gap:2rem;display:grid}.site-footer ul{margin:0;padding:0;list-style:none}.footer-links{columns:2}.footer-links a{color:var(--text-muted);text-decoration:none}.footer-links a:hover{color:var(--text)}.footer-social{gap:.25rem;display:flex}.footer-social a{width:2.5rem;height:2.5rem;color:var(--text-muted);border-radius:999px;place-items:center;display:grid}.footer-social a:hover{color:var(--text);background:var(--bg-elevated)}.footer-bottom{margin-top:2rem;font-size:.8125rem}@media (width<=40rem){.site-footer-inner{grid-template-columns:1fr}}.hero{padding-block:clamp(1rem,5vw,4rem) clamp(1.5rem,4vw,3rem)}.hero-title{background:linear-gradient(100deg, var(--text) 30%, #6366f1 55%, #0ea5e9 70%, #16a34a 85%);color:#0000;-webkit-background-clip:text;background-clip:text;max-width:18ch;font-size:clamp(2.25rem,6vw,4.25rem);font-weight:800}.hero-intro{color:var(--text-muted);max-width:55ch;font-size:1.25rem}.topic-grid{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.75rem;margin-bottom:3rem;display:grid}.topic-tile{border-radius:var(--radius);background:var(--topic-soft);border:1px solid color-mix(in oklab, var(--topic) 20%, transparent);transition:transform .35s var(--ease), box-shadow .35s var(--ease);gap:.25rem;padding:1.25rem;text-decoration:none;display:grid;position:relative;overflow:hidden}.topic-tile:after{content:"";background:radial-gradient(circle, color-mix(in oklab, var(--topic) 35%, transparent), transparent 70%);width:9rem;height:9rem;transition:transform .5s var(--ease);border-radius:50%;position:absolute;inset:auto -30% -60% auto}.topic-tile:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.topic-tile:hover:after{transform:scale(1.5)}.topic-tile-icon{color:var(--topic-strong);margin-bottom:1.25rem}.topic-tile-name{font-size:1.0625rem;font-weight:700}.topic-tile-count{color:var(--text-muted);font-size:.8125rem}.featured{margin-bottom:3.5rem}.section-head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.section-title{margin-bottom:1.25rem;font-size:1.5rem}.more-link{align-items:center;gap:.35rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.post-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.post-list{gap:.75rem;display:grid}.post-card{border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border);transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s;flex-direction:column;display:flex;position:relative;overflow:hidden}.post-card:hover{box-shadow:var(--shadow-hover);border-color:color-mix(in oklab, var(--topic) 40%, var(--border));transform:translateY(-4px)}.post-card-media{aspect-ratio:16/10;background:var(--topic-soft);display:block;overflow:hidden}.post-card-media img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease)}.post-card:hover .post-card-media img{transform:scale(1.04)}.post-card-placeholder{width:100%;height:100%;color:color-mix(in oklab, var(--topic) 70%, transparent);background:radial-gradient(circle at 20% 20%, color-mix(in oklab, var(--topic) 30%, transparent), transparent 50%), radial-gradient(circle at 80% 90%, color-mix(in oklab, var(--topic) 20%, transparent), transparent 55%), var(--topic-soft);place-items:center;display:grid}.post-card-body{flex-direction:column;flex:1;align-items:flex-start;gap:.6rem;padding:1.25rem 1.4rem 1.4rem;display:flex}.post-card-title{margin:0;font-size:1.25rem}.post-card-title a{text-decoration:none}.post-card-title a:after{content:"";position:absolute;inset:0}.post-card .topic-badge{z-index:1;position:relative}.post-card-excerpt{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.975rem;display:-webkit-box;overflow:hidden}.post-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.4rem;margin:auto 0 0;font-size:.8125rem;display:flex}.post-meta svg{vertical-align:-2px}.post-card--large{grid-template-columns:1.4fr 1fr;margin-bottom:1.5rem;display:grid}.post-card--large .post-card-media{aspect-ratio:auto;min-height:22rem}.post-card--large .post-card-body{justify-content:center;padding:clamp(1.5rem,4vw,3rem)}.post-card--large .post-card-title{font-size:clamp(1.6rem,3vw,2.25rem)}.post-card--compact{flex-direction:row;align-items:center}.post-card--compact .post-card-media{aspect-ratio:4/3;flex:0 0 8rem}.post-card--compact .post-card-body{padding:.75rem 1.25rem}.post-card--compact .post-card-title{font-size:1.0625rem}@media (width<=48rem){.post-card--large{grid-template-columns:1fr}.post-card--large .post-card-media{aspect-ratio:16/10;min-height:0}.post-card--compact .post-card-media{flex-basis:5.5rem}}.topic-badge{letter-spacing:.01em;color:var(--topic-strong);background:var(--topic-soft);border:1px solid color-mix(in oklab, var(--topic) 25%, transparent);border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;text-decoration:none;display:inline-flex}.topic-hero{background:radial-gradient(60rem 20rem at 85% -10%, color-mix(in oklab, var(--topic) 28%, transparent), transparent), radial-gradient(40rem 18rem at 0% 110%, color-mix(in oklab, var(--topic) 14%, transparent), transparent), var(--bg);border-bottom:1px solid var(--border);margin-top:calc(-1*clamp(1.5rem,4vw,3rem));margin-bottom:2.5rem;padding-block:clamp(2.5rem,7vw,5rem);position:relative}.topic-hero h1{font-size:clamp(2.5rem,7vw,4.5rem);font-weight:800}.topic-hero-icon{color:#fff;background:var(--topic);width:4rem;height:4rem;box-shadow:0 12px 30px -10px var(--topic);border-radius:1.25rem;place-items:center;margin-bottom:1.25rem;display:inline-grid}.topic-hero-tagline{margin:0 0 .5rem;font-size:1.25rem;font-weight:500}.topic-hero-description{max-width:60ch;color:var(--text-muted)}.page-header{margin-bottom:2rem}.page-header h1{font-size:clamp(2rem,5vw,3rem)}.archive-year{margin-bottom:2.5rem}.empty-state{text-align:center;color:var(--text-muted);padding-block:4rem}.article-header{text-align:left;margin-bottom:2rem}.article-title{margin-top:1rem;font-size:clamp(2.1rem,5.5vw,3.5rem);font-weight:800}.article-lead{color:var(--text-muted);margin:0 0 1rem;font-size:1.25rem}.article-hero{margin-bottom:3rem}.article-hero img{object-fit:cover;border-radius:var(--radius-lg);width:100%;max-height:36rem}.article-layout{grid-template-columns:minmax(0, var(--container-narrow));justify-content:center;gap:3rem;display:grid}.article-layout.has-toc{grid-template-columns:14rem minmax(0, var(--container-narrow)) 14rem}.toc{align-self:start;font-size:.875rem;position:sticky;top:6rem}.toc-title{margin:0 0 .75rem;font-weight:700}.toc ol{border-left:2px solid var(--border);margin:0;padding:0;list-style:none}.toc li a{color:var(--text-muted);border-left:2px solid #0000;margin-left:-2px;padding:.3rem 0 .3rem 1rem;text-decoration:none;display:block}.toc li a:hover,.toc li a.active{color:var(--topic-strong);border-left-color:var(--topic)}.toc .toc-depth-3 a{padding-left:1.75rem}@media (width<=75rem){.article-layout.has-toc{grid-template-columns:minmax(0, var(--container-narrow))}.toc{display:none}}.article-tags{flex-wrap:wrap;gap:.5rem;margin-top:2.5rem;display:flex}.tag{background:var(--bg-sunken);color:var(--text-muted);border-radius:999px;padding:.3rem .75rem;font-size:.875rem;text-decoration:none}.tag:hover{color:var(--text)}.related{border-top:1px solid var(--border);margin-top:4rem;padding-top:3rem}.preview-banner{z-index:40;text-align:center;color:#78350f;background:#fde68a;margin-bottom:2rem;padding:.5rem;font-size:.875rem;font-weight:600;position:sticky;top:4rem}.prose{font-size:1.125rem;line-height:1.75}.prose>*+*{margin-top:1.25em}.prose p{margin:0}.prose p+p{margin-top:1.1em}.prose h2,.prose h3,.prose h4{margin-top:2.2em;margin-bottom:.6em}.prose h2{font-size:1.75rem}.prose h3{font-size:1.375rem}.prose a{color:var(--topic-strong);text-decoration-color:color-mix(in oklab, var(--topic) 45%, transparent);text-decoration-thickness:2px}.prose ul,.prose ol{padding-left:1.4em}.prose li+li{margin-top:.35em}.prose li::marker{color:var(--topic)}.prose li.nested{list-style:none}.prose blockquote{border-left:3px solid var(--topic);color:var(--text-muted);margin-inline:0;padding:.25em 0 .25em 1.25em;font-size:1.2rem}.prose hr{background:var(--border);border:0;height:1px;margin-block:3em}.prose :not(pre)>code{font-family:var(--font-mono);background:var(--bg-sunken);border-radius:.35em;padding:.15em .4em;font-size:.875em}.figure{margin-inline:0}.figure img,.gallery img{border-radius:var(--radius);width:100%}figcaption{color:var(--text-muted);text-align:center;margin-top:.6rem;font-size:.875rem}.gallery{margin-inline:0}.gallery-grid{grid-template-columns:repeat(var(--cols,2), 1fr);gap:.75rem;display:grid}.gallery-grid img{aspect-ratio:1;object-fit:cover;height:100%}@media (width<=36rem){.gallery-grid{grid-template-columns:repeat(2,1fr)}}.code-block{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-sunken);overflow:hidden}.code-block-header{font:500 .75rem var(--font-mono);color:var(--text-muted);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.4rem .75rem .4rem 1rem;display:flex}.copy-button{font:inherit;border:1px solid var(--border);background:var(--bg-elevated);color:inherit;cursor:pointer;border-radius:.4rem;padding:.2rem .5rem}.code-block pre{font:.875rem/1.6 var(--font-mono);margin:0;padding:1rem 1.25rem;overflow-x:auto;background:0 0!important}[data-theme=dark] .astro-code,[data-theme=dark] .astro-code span{color:var(--shiki-dark)!important}.callout{border-radius:var(--radius);background:var(--topic-soft);border:1px solid color-mix(in oklab, var(--topic) 25%, transparent);gap:.9rem;padding:1.1rem 1.25rem;font-size:1rem;display:flex}.callout--warning{--topic:#d97706}.callout--tip{--topic:#16a34a}.callout-title{font-weight:700}.callout p{margin:0}.callout p+p{margin-top:.5em}.embed{margin-inline:0}.embed-frame{aspect-ratio:16/9;border-radius:var(--radius);background:#000;overflow:hidden}.embed-frame iframe{border:0;width:100%;height:100%}.specs{border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.specs-title{background:var(--topic-soft);color:var(--topic-strong);margin:0;padding:.75rem 1.25rem;font-size:1rem}.specs dl{margin:0}.specs dl>div{border-top:1px solid var(--border);grid-template-columns:minmax(8rem,40%) 1fr;gap:1rem;padding:.6rem 1.25rem;font-size:.975rem;display:grid}.specs dt{color:var(--text-muted)}.specs dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.comments{border-top:1px solid var(--border);margin-top:4rem;padding-top:3rem}.comments-count{color:var(--text-muted);font-weight:400}.comments-list,.comments-replies{margin:0;padding:0;list-style:none}.comment{border-bottom:1px solid var(--border);padding:1.25rem 0}.comment p{margin:.4rem 0}.comments-replies{border-left:2px solid var(--border);margin:1rem 0 0 1.5rem;padding-left:1.25rem}.comments-replies .comment:last-child{border-bottom:0}.comment-head{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.comment-date{color:var(--text-muted);font-size:.8125rem}.comment-badge{text-transform:uppercase;letter-spacing:.05em;color:#fff;background:var(--topic);border-radius:999px;padding:.1rem .45rem;font-size:.6875rem;font-weight:700}.comments-empty{color:var(--text-muted);padding-block:1rem}.comment-form{border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border);gap:1rem;margin-top:2.5rem;padding:clamp(1.25rem,4vw,2rem);display:grid}.comment-form h3{margin:0}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=36rem){.form-row{grid-template-columns:1fr}}.comment-form label{gap:.35rem;font-size:.9375rem;font-weight:600;display:grid}.comment-form small{color:var(--text-muted);font-weight:400}.comment-form input,.comment-form textarea,.search-form input{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;padding:.65rem .85rem;font-weight:400}.comment-form input:focus,.comment-form textarea:focus{outline:2px solid color-mix(in oklab, var(--topic) 60%, transparent);border-color:#0000}.hp{left:-9999px;position:absolute!important}.form-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.form-status{color:var(--text-muted);margin:0;font-size:.9375rem}.comment-replying{margin:0;font-size:.9375rem}.search-page h1{font-size:clamp(2rem,5vw,3rem)}.search-form{align-items:center;display:flex;position:relative}.search-form svg{color:var(--text-muted);position:absolute;left:1rem}.search-form input{border-radius:var(--radius);background:var(--bg-elevated);box-shadow:var(--shadow);padding:1rem 1rem 1rem 3rem;font-size:1.25rem}.search-topics{flex-wrap:wrap;gap:.5rem;margin-block:1rem 2rem;display:flex}.search-results{margin:0;padding:0;list-style:none}.search-result{border-bottom:1px solid var(--border);padding:1.25rem 0}.search-result h2{margin:.25rem 0;font-size:1.25rem}.search-result h2 a{text-decoration:none}.search-result h2 a:hover{color:var(--topic-strong)}.search-result p{color:var(--text-muted);margin:.25rem 0 0}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.post-grid>*,.topic-tile,.prose>.figure,.prose>.gallery{animation:linear both rise view();animation-range:entry entry 35%}}}@keyframes rise{0%{opacity:0;transform:translateY(24px)scale(.98)}}