:root{--hue-accent: 220;--text: #0f172a;--muted: #475569;--bg: #ffffff;--surface: #f8fafc;--border: #e2e8f0;--accent: #1d4ed8;--accent-hover: #1e40af;--accent-soft: rgba(29, 78, 216, .08);--code-bg: #f1f5f9;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px}@media(prefers-color-scheme:dark){:root{--text: #f1f5f9;--muted: #94a3b8;--bg: #0b1120;--surface: #151e2e;--border: #334155;--accent: #60a5fa;--accent-hover: #93c5fd;--accent-soft: rgba(96, 165, 250, .12);--code-bg: #1e293b}}*{box-sizing:border-box}html{font-family:var(--font-sans);font-size:16px;line-height:1.65;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;flex-direction:column;min-height:100vh}main{flex:1}::selection{background:var(--accent);color:#fff}@media(prefers-color-scheme:dark){::selection{color:#0f172a}}.container{width:100%;max-width:72ch;margin:0 auto;padding:0 var(--space-5)}h1,h2,h3,h4{margin:0;line-height:1.15;letter-spacing:-.02em;font-weight:700}h1{font-size:clamp(2rem,6vw,3rem);line-height:1.05}h2{font-size:clamp(1.35rem,4vw,1.85rem);margin-top:var(--space-10);margin-bottom:var(--space-4)}h3{font-size:1.15rem;margin-top:var(--space-8);margin-bottom:var(--space-3)}p,ul,ol{margin:0 0 var(--space-5) 0}ul,ol{padding-left:var(--space-6)}li{margin-bottom:var(--space-2)}li::marker{color:var(--muted)}a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;transition:color .12s ease}a:hover{color:var(--accent-hover);text-decoration-thickness:2px}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm);text-decoration:none}.page{padding:var(--space-10) 0 var(--space-16)}.hero{margin-bottom:var(--space-10)}.hero h1{margin-bottom:var(--space-4)}.lede{font-size:1.2rem;line-height:1.5;color:var(--muted);max-width:60ch}.section-title{margin-top:var(--space-12);margin-bottom:var(--space-5)}.site-header{border-bottom:1px solid var(--border);border-top:1px solid var(--accent);background:var(--bg)}.site-nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);padding-top:var(--space-5);padding-bottom:var(--space-5)}.site-name{font-size:1.1rem;font-weight:700;color:var(--text);text-decoration:none;letter-spacing:-.01em}.site-name:hover{color:var(--accent);text-decoration:none}.site-nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-5);margin:0;padding:0}.site-nav a{color:var(--muted);text-decoration:none;font-weight:500;font-size:.95rem;padding:var(--space-2) 0}.site-nav a:hover{color:var(--text);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em}.site-nav a[aria-current=page]{color:var(--text);font-weight:600}.post-list{list-style:none;padding:0;margin:var(--space-6) 0 0;display:grid;gap:var(--space-2)}.post-list li{padding:var(--space-5) 0;border-bottom:1px solid var(--border)}.post-list li:first-child{padding-top:0}.post-list h2,.post-list h3{margin:0 0 var(--space-2);font-size:1.2rem;font-weight:600}.post-list h2 a,.post-list h3 a{color:var(--text);text-decoration:none}.post-list h2 a:hover,.post-list h3 a:hover{color:var(--accent);text-decoration:underline;text-decoration-thickness:2px}.post-list p{margin:0}.meta{color:var(--muted);font-size:.9rem;margin-bottom:var(--space-2)}.card-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5);margin:var(--space-6) 0 0}@media(min-width:640px){.card-grid{grid-template-columns:repeat(2,1fr)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 12px 24px -12px var(--accent-soft)}.card h2{margin:0 0 var(--space-3);font-size:1.1rem;font-weight:700}.card p{margin:0 0 var(--space-4);color:var(--muted);font-size:.98rem;line-height:1.55}.card p:last-child{margin-bottom:0}.badge{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-pill);padding:.25rem .65rem}.tag-list{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-2);padding:0;margin:var(--space-5) 0}.tag-list li{font-size:.8rem;font-weight:500;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);padding:.2rem .65rem;margin:0}article{max-width:68ch}article h2,article h3{margin-top:var(--space-12)}article p+p{margin-top:var(--space-5)}article strong{color:var(--text)}code,pre{font-family:var(--font-mono);background:var(--code-bg);border-radius:var(--radius-sm)}code{padding:.15em .35em;font-size:.9em}pre{padding:var(--space-5);overflow-x:auto;line-height:1.55;border:1px solid var(--border)}pre code{padding:0;background:transparent}img{max-width:100%;height:auto;border-radius:var(--radius-md)}figure{margin:var(--space-8) 0}figcaption{color:var(--muted);font-size:.9rem;margin-top:var(--space-3)}.site-footer{border-top:1px solid var(--border);margin-top:auto;padding:var(--space-8) 0;color:var(--muted);font-size:.9rem}.site-footer p{margin:0;max-width:65ch}.back-link{display:inline-block;margin-top:var(--space-10);font-weight:500}