:root{--plum-900:#2d1845;--plum-700:#4a2676;--plum-600:#5c2d91;--plum-500:#6e3aab;--plum-100:#e4d4f3;--plum-50:#f5f0fa;--coral-600:#c76254;--coral-500:#db7f67;--lavender-100:#f1e4f3;--bg:var(--lavender-100);--surface:#fff;--text:#1a1a2e;--text-secondary:#5c5c78;--border:#dddde8;--primary:var(--plum-600);--accent:var(--coral-500);--accent-hover:var(--coral-600);--on-accent:var(--plum-900);--code-bg:var(--plum-50);--radius:16px;--font:"Inter", ui-sans-serif, system-ui, sans-serif;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--bg:#1a1220;--surface:#221a2e;--text:#f0e8f4;--text-secondary:#b8a0d0;--border:#3a2a50;--primary:#c5a3e2;--code-bg:#2e2240}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}a{color:var(--primary)}h1,h2,h3{letter-spacing:-.02em;line-height:1.2}h1{margin:0 0 1rem;font-size:clamp(2rem,5vw,3.25rem)}img{max-width:100%;height:auto}.container{width:100%;max-width:64rem;margin:0 auto;padding:0 1rem}.section{padding-block:3rem}.eyebrow{color:var(--primary);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .5rem;font-size:.75rem;font-weight:700}.lede{max-width:40rem;color:var(--text-secondary);font-size:1.125rem}.button{background:var(--accent);color:var(--on-accent);border-radius:9999px;padding:.75rem 1.25rem;font-weight:600;text-decoration:none;display:inline-block}.button:hover{background:var(--accent-hover)}.button-small{padding:.4rem .9rem;font-size:.875rem}.button-ghost{color:var(--primary);background:0 0;box-shadow:inset 0 0 0 1.5px}.button-ghost:hover{background:var(--surface)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.site-header{border-bottom:1px solid var(--border);background:var(--surface)}.nav{justify-content:space-between;align-items:center;gap:1rem;min-height:4rem;display:flex}.brand{color:var(--text);align-items:center;gap:.5rem;font-weight:700;text-decoration:none;display:flex}.nav-links{align-items:center;gap:1rem;display:flex}.nav-links>a:not(.button){color:var(--text);font-weight:500;text-decoration:none}.hero{padding-block:4rem 2rem}.actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.steps{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.steps h3{margin:.75rem 0 .25rem}.steps p{color:var(--text-secondary);margin:0}.step-number{background:var(--plum-100);width:2rem;height:2rem;color:var(--plum-700);border-radius:9999px;place-items:center;font-weight:700;display:inline-grid}.section-heading{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.post-list{gap:1rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.post-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem}.post-card time{color:var(--text-secondary);font-size:.875rem}.post-card h3{margin:.25rem 0;font-size:1.25rem}.post-card h3 a{color:var(--text);text-decoration:none}.post-card h3 a:hover{color:var(--primary)}.post-card p{color:var(--text-secondary);margin:0}.post{max-width:44rem;padding-block:2.5rem 4rem}.back-link{font-size:.875rem;text-decoration:none}.post-header{margin:1.5rem 0 2rem}.post-meta{color:var(--text-secondary);flex-wrap:wrap;gap:.4rem;margin:0;font-size:.9375rem;display:flex}.prose{font-size:1.0625rem}.prose h2{margin-top:2.5rem}.prose pre{border-radius:10px;padding:1rem;overflow-x:auto}.prose :not(pre)>code{background:var(--code-bg);border-radius:6px;padding:.1em .35em;font-size:.9em}.prose blockquote{border-left:3px solid var(--accent);color:var(--text-secondary);margin-inline:0;padding-left:1rem}.cta{margin-top:3rem}.cta h2{margin-top:0;font-size:1.25rem}.site-footer{border-top:1px solid var(--border);color:var(--text-secondary);padding-block:2rem;font-size:.875rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.footer-links{flex-wrap:wrap;gap:1rem;display:flex}.footer-links a{color:var(--text-secondary)}
