:root { --fg: #222; --muted: #6b6b6b; --accent: #2f5d50; --bg: #fbfaf7; }
* { box-sizing: border-box; }
body { margin: 0; font: 17px/1.65 Georgia, "Times New Roman", serif; color: var(--fg); background: var(--bg); }
.wrap { max-width: 680px; margin: 0 auto; padding: 48px 20px; }
header { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 48px; }
header a.brand { font-size: 22px; color: var(--fg); text-decoration: none; font-weight: bold; }
nav a { margin-left: 18px; color: var(--muted); text-decoration: none; font-family: system-ui, sans-serif; font-size: 15px; }
nav a:hover, a { color: var(--accent); }
.post { margin-bottom: 40px; }
.post h2 { margin: 0 0 4px; font-size: 22px; }
.post time { color: var(--muted); font-family: system-ui, sans-serif; font-size: 14px; }
.post p { margin: 10px 0 0; }
footer { margin-top: 64px; color: var(--muted); font-family: system-ui, sans-serif; font-size: 14px; }