:root { --fg: #222; --muted: #666; --bg: #fafaf7; --accent: #2f6f4f; }
* { box-sizing: border-box; }
body { margin: 0; font: 17px/1.6 Georgia, "Times New Roman", serif; color: var(--fg); background: var(--bg); }
header, main, footer { max-width: 720px; margin: 0 auto; padding: 0 16px; }
header { padding-top: 32px; border-bottom: 1px solid #ddd; }
header h1 { margin: 0; font-size: 28px; }
header h1 a { color: var(--fg); text-decoration: none; }
header p { margin: 4px 0 16px; color: var(--muted); }
nav a { margin-right: 16px; color: var(--accent); }
article { margin: 32px 0; }
article h2 { margin-bottom: 4px; }
.date { color: var(--muted); font-size: 14px; }
footer { margin-top: 48px; padding-bottom: 32px; color: var(--muted); font-size: 14px; border-top: 1px solid #ddd; }