:root{--color-bg:#f8fafc;--color-surface:#fff;--color-surface-subtle:#f1f5f9;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-text-primary:#0f172a;--color-text-secondary:#334155;--color-text-muted:#475569;--color-accent:#0369a1;--color-accent-hover:#075985;--color-accent-subtle:#e0f2fe;--color-accent-badge-text:#075985;--color-accent-contrast:#fff;--color-tag-bg:#e2e8f0;--color-tag-text:#1e293b;--color-code-bg:#1e293b;--color-code-text:#f8fafc;--color-success:#15803d;--color-warning-bg:#fef3c7;--color-warning-border:#fde68a;--color-warning-text:#92400e;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--max-width:1080px;--content-width:820px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #00000012}@media (prefers-color-scheme:dark){:root{--color-bg:#0b1120;--color-surface:#131c31;--color-surface-subtle:#1e293b;--color-border:#24344d;--color-border-strong:#334155;--color-text-primary:#f8fafc;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--color-accent:#38bdf8;--color-accent-hover:#7dd3fc;--color-accent-subtle:#082f49;--color-accent-badge-text:#7dd3fc;--color-accent-contrast:#082f49;--color-tag-bg:#1e293b;--color-tag-text:#e2e8f0;--color-code-bg:#030712;--color-code-text:#e2e8f0;--color-success:#4ade80;--color-warning-bg:#3b2a0c;--color-warning-border:#78350f;--color-warning-text:#fef08a}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);color:var(--color-text-primary);background-color:var(--color-bg);-webkit-text-size-adjust:100%;font-size:16px;line-height:1.6}body{flex-direction:column;min-height:100vh;display:flex}.skip-link,.skip{background:var(--color-accent);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);z-index:1000;font-weight:600;text-decoration:none;position:absolute;top:-999px;left:1rem}.skip-link:focus,.skip:focus{top:1rem}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);letter-spacing:-.02em;font-weight:700;line-height:1.25}h1{margin-bottom:var(--space-4);font-size:clamp(2rem,4vw + 1rem,3.25rem)}h2{margin-bottom:var(--space-4);font-size:clamp(1.5rem,2.5vw + .5rem,2.25rem)}h3{margin-bottom:var(--space-2);font-size:1.25rem}p{color:var(--color-text-secondary);margin-bottom:var(--space-4)}a{color:var(--color-accent);text-underline-offset:3px;text-decoration:underline;transition:color .15s}a:hover{color:var(--color-accent-hover)}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.875em}code{background-color:var(--color-surface-subtle);border-radius:var(--radius-sm);border:1px solid var(--color-border);padding:.15em .35em}pre{background-color:var(--color-code-bg);color:var(--color-code-text);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);overflow-x:auto}pre code{color:inherit;background:0 0;border:none;padding:0}.container,.wrap{width:100%;max-width:var(--max-width);padding-left:var(--space-4);padding-right:var(--space-4);margin-left:auto;margin-right:auto}.content-container,.wrap.narrow{width:100%;max-width:var(--content-width);padding-left:var(--space-4);padding-right:var(--space-4);margin-left:auto;margin-right:auto}.site-header{border-bottom:1px solid var(--color-border);background-color:var(--color-surface);z-index:100;position:sticky;top:0}.site-header .container,.site-header .wrap{justify-content:space-between;align-items:center;height:64px;display:flex}.brand-link,.brand{align-items:center;gap:var(--space-2);color:var(--color-text-primary);font-size:1.25rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-link:hover,.brand:hover{color:var(--color-accent);text-decoration:none}.brand-icon{width:28px;height:28px;display:block}.main-nav,.nav{align-items:center;gap:var(--space-4);list-style:none;display:flex}@media (width<=768px){.site-header .container,.site-header .wrap{height:auto;min-height:56px;padding-top:var(--space-2);padding-bottom:var(--space-2);align-items:flex-start;gap:var(--space-2);flex-direction:column}.site-header nav{width:100%}.main-nav,.nav{align-items:center;gap:var(--space-1) var(--space-2);flex-wrap:wrap;display:flex}.main-nav li,.nav li{display:inline-flex}.site-header .main-nav a,.site-header .nav a{padding:.375rem var(--space-2);font-size:.875rem;line-height:1.4;display:inline-block}}.main-nav a,.nav a{color:var(--color-text-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .15s}.main-nav a:hover,.main-nav a[aria-current=page],.nav a:hover,.nav a[aria-current=page]{color:var(--color-text-primary);background-color:var(--color-surface-subtle)}.site-footer{border-top:1px solid var(--color-border);background-color:var(--color-surface);padding-top:var(--space-12);padding-bottom:var(--space-8);margin-top:auto;font-size:.875rem}.footer-grid{gap:var(--space-8);margin-bottom:var(--space-8);grid-template-columns:2fr 1fr 1fr;display:grid}@media (width<=640px){.footer-grid{gap:var(--space-6);grid-template-columns:1fr}}.footer-col h3{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-3);font-size:.875rem;font-weight:700}.footer-col ul{list-style:none}.footer-col li{margin-bottom:var(--space-2)}.footer-col a{color:var(--color-text-secondary);text-decoration:none}.footer-col a:hover{color:var(--color-accent);text-decoration:underline}.footer-bottom{padding-top:var(--space-6);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-4);color:var(--color-text-muted);flex-wrap:wrap;font-size:.8125rem;display:flex}.build-meta{font-family:var(--font-mono);background-color:var(--color-surface-subtle);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.disclosure-box,.note{background-color:var(--color-surface-subtle);border-left:4px solid var(--color-accent);padding:var(--space-4);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:var(--space-6) 0}.disclosure-box p:last-child,.note p:last-child{margin-bottom:0}.warning-box{background-color:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-warning-text);padding:var(--space-4);border-radius:var(--radius-md);margin:var(--space-6) 0}.warning-box h4{color:var(--color-warning-text);margin-bottom:var(--space-2)}.warning-box p:last-child{margin-bottom:0}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;font-size:1rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background-color:var(--color-text-primary);color:var(--color-bg)}.btn-primary:hover{background-color:var(--color-accent-hover);color:#fff}.btn-secondary{background-color:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border-strong)}.btn-secondary:hover{background-color:var(--color-surface-subtle);border-color:var(--color-accent)}.hero-badge,.badge{text-transform:uppercase;letter-spacing:.05em;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background-color:var(--color-accent-subtle);color:var(--color-accent-badge-text);font-size:.75rem;font-weight:700;display:inline-block}.tag{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background-color:var(--color-tag-bg);color:var(--color-tag-text);margin-right:var(--space-2);font-size:.75rem;font-weight:600;display:inline-block}.tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.meta{color:var(--color-text-muted);margin-bottom:var(--space-2);font-size:.875rem}.prose{color:var(--color-text-secondary);font-size:1.0625rem;line-height:1.75}.prose p{margin-bottom:1.25rem}.prose h2{margin-top:2.5rem;margin-bottom:1rem;font-size:1.625rem}.prose h3{margin-top:2rem;margin-bottom:.75rem;font-size:1.25rem}.prose ul,.prose ol{margin-bottom:1.25rem;padding-left:1.5rem}.prose li{margin-bottom:.5rem}.prose blockquote{border-left:4px solid var(--color-accent);color:var(--color-text-muted);margin:1.5rem 0;padding-left:1rem;font-style:italic}.prose img{border-radius:var(--radius-md);max-width:100%;height:auto;margin:1.5rem 0}.post-list{margin-top:var(--space-6);gap:var(--space-6);flex-direction:column;list-style:none;display:flex}.post-list li a{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);text-decoration:none;transition:all .15s;display:block}.post-list li a:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.post-list h3{color:var(--color-text-primary);margin-bottom:var(--space-2)}.post-list p{color:var(--color-text-secondary);margin-bottom:0;font-size:.9375rem}.grid{gap:var(--space-6);display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.tile{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.tile h3{margin-bottom:var(--space-2);font-size:1.15rem}.tile p{margin-bottom:0;font-size:.9375rem}.alt{background-color:var(--color-surface-subtle);padding-top:var(--space-12);padding-bottom:var(--space-12)}.on-dark{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding-top:var(--space-12);padding-bottom:var(--space-12)}.lede{color:var(--color-text-secondary);font-size:1.15rem;line-height:1.6}