:root { --fg:#111; --muted:#666; --accent:#0af; }
* { box-sizing: border-box; }
body { margin:0; font:16px/1.65 system-ui, sans-serif; color:var(--fg); }
.site-header { padding:1.2rem; border-bottom:1px solid #eee; }
.site-header .brand { font-weight:600; text-decoration:none; color:inherit; }
.site-main { max-width:720px; margin:0 auto; padding:2rem 1rem; }
.site-footer { padding:2rem 1rem; color:var(--muted); text-align:center; font-size:14px; }
h1 { font-size:2rem; line-height:1.2; }
.meta { color:var(--muted); font-size:14px; }
.featured { width:100%; height:auto; border-radius:6px; margin:1rem 0; }
.block { margin:1.25rem 0; }
.block-code { background:#f5f5f5; padding:1rem; border-radius:6px; overflow:auto; }
.block-quote { border-left:3px solid var(--accent); padding-left:1rem; color:var(--muted); margin-left:0; }
.post-list { list-style:none; padding:0; }
.post-list li { padding:.6rem 0; border-bottom:1px solid #f0f0f0; display:flex; justify-content:space-between; gap:1rem; }
.post-list a { color:inherit; text-decoration:none; font-weight:500; }
.post-list a:hover { color:var(--accent); }
.post-list time { color:var(--muted); font-size:14px; }