:root { --accent: #8a3b12; --text: #222; --muted: #6b6b6b; --bg: #fdfcf9; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--text); font: 17px/1.65 Georgia, 'Times New Roman', serif; }
.wrap { max-width: 720px; margin: 0 auto; padding: 32px 20px 64px; }
header { border-bottom: 1px solid #e6e2da; margin-bottom: 28px; padding-bottom: 14px; }
header a.logo { color: var(--text); text-decoration: none; font-size: 1.6rem; font-weight: 700; }
header p { color: var(--muted); margin: 4px 0 0; }
nav a { color: var(--accent); margin-right: 16px; text-decoration: none; }
article { margin: 0 0 28px; }
article h2 { font-size: 1.25rem; margin: 0 0 4px; }
article h2 a { color: var(--text); text-decoration: none; }
article h2 a:hover { color: var(--accent); }
time { color: var(--muted); font-size: .9rem; }
footer { margin-top: 48px; color: var(--muted); font-size: .85rem; }