:root{--bg:hsl(0 0% 98%);--surface:hsl(0 0% 100%);--text:hsl(222 22% 12%);--muted:hsl(220 10% 46%);--border:hsl(220 13% 88%);--code:hsl(220 14% 97%);--accent:hsl(210 90% 40%);--maxw:840px;--radius:10px;--s--1:clamp(.9rem,.88rem + .1vw,.95rem);--s-0:clamp(1.05rem,1.0rem + .2vw,1.1rem);--s-1:clamp(1.35rem,1.25rem + .4vw,1.55rem);--s-2:clamp(1.75rem,1.6rem + .8vw,2.2rem);--s-3:clamp(2.2rem,2.0rem + 1.4vw,2.9rem)}:root[data-theme="dark"]{--bg:hsl(222 22% 8%);--surface:hsl(222 20% 10%);--text:hsl(0 0% 96%);--muted:hsl(220 10% 70%);--border:hsl(220 10% 22%);--code:hsl(220 14% 12%);--accent:hsl(210 100% 58%)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.75;font-size:var(--s-0);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--text);text-decoration:underline;text-underline-offset:3px}a:hover{color:var(--accent)}.site{max-width:var(--maxw);margin:0 auto;padding:1.4rem 1.1rem}.site header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:.8rem;margin-bottom:1.2rem}.brand{font-weight:700;letter-spacing:.2px}.nav a{margin:0 .5rem;text-decoration:none;color:var(--muted)}.nav a:hover{color:var(--text)}#theme-toggle{margin-left:.6rem;background:transparent;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.25rem .5rem;cursor:pointer}h1,h2,h3{line-height:1.25;margin:1.2rem 0 .6rem}h1{font-size:var(--s-3)}h2{font-size:var(--s-2)}h3{font-size:var(--s-1)}p{margin:0 0 1rem;max-width:65ch}hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.post-meta{color:var(--muted);margin:.3rem 0 1rem}.post-card{border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem;background:var(--surface)}.post-card + .post-card{margin-top:1rem}pre{background:var(--code);border:1px solid var(--border);padding:1rem;border-radius:var(--radius);overflow:auto}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"JetBrains Mono",monospace;font-size:.92em}.tag{display:inline-block;font-size:var(--s--1);padding:.2rem .55rem;border-radius:999px;border:1px solid var(--border);color:var(--text);background:rgba(0,0,0,.03)}:root[data-theme="dark"] .tag{background:rgba(255,255,255,.06)}footer{border-top:1px solid var(--border);margin-top:2rem;padding-top:1rem;color:var(--muted);font-size:.95rem}