:root{--color-bg:#fff;--color-bg-alt:#fdf8f3;--color-surface:#f5f1eb;--color-text:#000;--color-text-muted:#52525b;--color-accent:#ea5141;--color-accent-hover:#d94832;--color-accent-text:#c33f2e;--color-on-accent:#1a0f0d;--color-sage:#7c9a8b;--color-sage-text:#4a6055;--color-brick:#9b4a3b;--color-border:#00000014;--font-heading:"Figtree", system-ui, -apple-system, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Consolas", monospace;--text-xs:.8rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--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-24:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 12px 32px #0000001f}@media (prefers-color-scheme:dark){:root{--color-bg:#0a0a0a;--color-bg-alt:#18181b;--color-surface:#27272a;--color-text:#fafafa;--color-text-muted:#a1a1aa;--color-accent:#ff6b5a;--color-accent-hover:#ff8777;--color-accent-text:#ff6b5a;--color-on-accent:#1a0f0d;--color-sage:#8fae9e;--color-sage-text:#8fae9e;--color-brick:#b85c4d;--color-border:#ffffff1a;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 12px 32px #00000080}}[data-theme=light]{--color-bg:#fff;--color-bg-alt:#fdf8f3;--color-surface:#f5f1eb;--color-text:#000;--color-text-muted:#52525b;--color-accent:#ea5141;--color-accent-hover:#d94832;--color-accent-text:#c33f2e;--color-on-accent:#1a0f0d;--color-sage:#7c9a8b;--color-sage-text:#4a6055;--color-brick:#9b4a3b;--color-border:#00000014;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 12px 32px #0000001f}[data-theme=dark]{--color-bg:#0a0a0a;--color-bg-alt:#18181b;--color-surface:#27272a;--color-text:#fafafa;--color-text-muted:#a1a1aa;--color-accent:#ff6b5a;--color-accent-hover:#ff8777;--color-accent-text:#ff6b5a;--color-on-accent:#1a0f0d;--color-sage:#8fae9e;--color-sage-text:#8fae9e;--color-brick:#b85c4d;--color-border:#ffffff1a;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 12px 32px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;transition:background-color .2s,color .2s}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700;line-height:1.15}code,pre,kbd{font-family:var(--font-mono);font-size:.9em}a{color:var(--color-accent-text);text-decoration:none;transition:color .15s}a:hover{color:var(--color-accent-hover)}img,svg{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}.skip-link{top:-40px;left:var(--space-4);z-index:1000;background:var(--color-accent);color:var(--color-on-accent);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:600;transition:top .15s;position:absolute}.skip-link:focus{top:var(--space-4);color:var(--color-on-accent)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}.container{max-width:1120px;padding:0 var(--space-6);margin:0 auto}.btn{min-height:44px;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-base);cursor:pointer;text-align:center;border:none;justify-content:center;align-items:center;font-family:inherit;transition:transform .1s,background-color .2s;display:inline-flex}.btn-primary{background:var(--color-accent);color:var(--color-on-accent)}.btn-primary:hover{background:var(--color-accent-hover);color:var(--color-on-accent);transform:translateY(-1px)}.btn-ghost{color:var(--color-text);border:1px solid var(--color-border);background:0 0}.btn-ghost:hover{background:var(--color-surface);color:var(--color-text)}.page-hero{padding:var(--space-24) 0 var(--space-12);text-align:center;background:var(--color-bg-alt);border-bottom:1px solid var(--color-border)}.page-hero h1{font-size:clamp(2rem, 5vw, var(--text-5xl));margin-bottom:var(--space-4)}.page-hero h1 em{color:var(--color-accent);font-style:normal}.page-hero .lede{font-size:var(--text-xl);color:var(--color-text-muted);max-width:50ch;margin:0 auto}.tag-accent,.badge-accent{color:var(--color-accent-text);background:#ea51411f}.tag-brick,.badge-brick{color:var(--color-brick);background:#9b4a3b1f}.tag-sage,.badge-sage{color:var(--color-sage-text);background:#7c9a8b26}.prose{max-width:68ch}.prose p{margin-bottom:var(--space-4)}.prose h2{font-size:var(--text-3xl);margin:var(--space-12) 0 var(--space-4)}.prose h3{font-size:var(--text-2xl);margin:var(--space-8) 0 var(--space-3)}.prose ul,.prose ol{margin:var(--space-4) 0;padding-left:var(--space-6)}.prose li{margin-bottom:var(--space-2)}.prose code{background:var(--color-surface);border-radius:var(--radius-sm);padding:2px 6px}.prose pre{background:var(--color-surface);padding:var(--space-4);border-radius:var(--radius-md);margin:var(--space-6) 0;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose blockquote{border-left:3px solid var(--color-accent);padding-left:var(--space-4);color:var(--color-text-muted);margin:var(--space-6) 0}