:root { --fg:#222; --muted:#666; --bg:#fcfcfa; --accent:#2f6f8f; }
* { box-sizing:border-box; }
body { margin:0; font:17px/1.65 Georgia, "Times New Roman", serif; color:var(--fg); background:var(--bg); }
header, main, footer { max-width:680px; margin:0 auto; padding:0 20px; }
header { padding-top:40px; border-bottom:1px solid #e6e6e0; padding-bottom:16px; }
header a.brand { font-size:26px; color:var(--fg); text-decoration:none; font-weight:bold; }
nav a { margin-right:16px; color:var(--muted); text-decoration:none; font-family:Helvetica, Arial, sans-serif; font-size:14px; }
nav a:hover, a { color:var(--accent); }
.post { margin:36px 0; }
.post h2 { margin-bottom:4px; }
.post h2 a { color:var(--fg); text-decoration:none; }
.meta { color:var(--muted); font-size:14px; font-family:Helvetica, Arial, sans-serif; }
footer { color:var(--muted); font-size:13px; padding:40px 20px; border-top:1px solid #e6e6e0; margin-top:40px; font-family:Helvetica, Arial, sans-serif; }