:root { --fg: #1d2129; --muted: #5c6370; --accent: #2a6f97; --bg: #fbfbf8; --line: #e4e4de; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--fg); font: 17px/1.65 Georgia, "Times New Roman", serif; }
header, main, footer { max-width: 720px; margin: 0 auto; padding: 0 20px; }
header { padding-top: 40px; padding-bottom: 12px; border-bottom: 1px solid var(--line); }
header a.brand { color: var(--fg); text-decoration: none; font: 700 26px/1.2 system-ui, sans-serif; }
header p { margin: 4px 0 0; color: var(--muted); font-size: 15px; }
nav { margin-top: 10px; font: 15px system-ui, sans-serif; }
nav a { margin-right: 16px; color: var(--accent); text-decoration: none; }
article { padding: 26px 0; border-bottom: 1px solid var(--line); }
article h2 { margin: 0 0 4px; font: 700 21px/1.3 system-ui, sans-serif; }
article h2 a { color: var(--fg); text-decoration: none; }
.date { color: var(--muted); font: 14px system-ui, sans-serif; }
pre { background: #f0f0ea; padding: 12px 14px; overflow-x: auto; font-size: 14px; border-radius: 4px; }
code { font-family: ui-monospace, Consolas, monospace; }
a { color: var(--accent); }
footer { padding: 30px 20px 50px; color: var(--muted); font: 14px system-ui, sans-serif; }