:root{--bg:#fafafa;--fg:#222;--muted:#666;--link:#0a5}
*{box-sizing:border-box}body{font:16px/1.7 Georgia,serif;margin:0;color:var(--fg);background:var(--bg)}
main{max-width:680px;margin:0 auto;padding:2rem 1rem}header{border-bottom:1px solid #ddd;margin-bottom:2rem;padding-bottom:1rem}
h1{font-size:1.4rem;margin:0}h1 a{color:var(--fg);text-decoration:none}nav a{color:var(--muted);margin-right:1rem;text-decoration:none;font-size:.9rem}
article h2{font-size:1.2rem;margin-bottom:.2rem}meta{color:var(--muted);font-size:.85rem}a{color:var(--link)}
footer{border-top:1px solid #ddd;margin-top:3rem;padding-top:1rem;color:var(--muted);font-size:.85rem}