:root { --text:#222; --muted:#666; --accent:#2a6f97; --bg:#fff; --line:#eee; }
* { box-sizing: border-box; }
body { margin:0; font:18px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color:var(--text); background:var(--bg); }
.site-header, main, .site-footer { max-width:720px; margin:0 auto; padding:1.25rem; }
.site-header { display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--line); }
.site-title { font-weight:700; font-size:1.3rem; color:var(--text); text-decoration:none; }
nav a { margin-left:1rem; color:var(--muted); text-decoration:none; }
nav a:hover, a { color:var(--accent); }
h1 { line-height:1.25; }
.post-list { list-style:none; padding:0; }
.post-list li { padding:1rem 0; border-bottom:1px solid var(--line); }
.post-list a { font-size:1.2rem; font-weight:600; text-decoration:none; }
.post-list p { margin:.25rem 0 0; color:var(--muted); }
time { display:block; color:var(--muted); font-size:.9rem; }
.site-footer { color:var(--muted); font-size:.9rem; border-top:1px solid var(--line); margin-top:2rem; }