:root { --fg: #24292f; --muted: #6b7280; --bg: #fbfaf7; --accent: #2f6f4f; }
* { box-sizing: border-box; }
body { margin: 0; font: 17px/1.7 Georgia, "Times New Roman", serif; color: var(--fg); background: var(--bg); }
main, header, footer { max-width: 680px; margin: 0 auto; padding: 0 20px; }
header { padding-top: 48px; padding-bottom: 8px; }
header a.home { font-size: 22px; font-weight: 700; color: var(--fg); text-decoration: none; }
nav { margin-top: 6px; font: 14px/1.4 system-ui, sans-serif; }
nav a { color: var(--muted); margin-right: 14px; text-decoration: none; }
nav a:hover, a:hover { color: var(--accent); }
a { color: var(--accent); }
h1 { font-size: 30px; line-height: 1.25; margin: 36px 0 8px; }
h2 { font-size: 21px; margin: 32px 0 8px; }
.meta { color: var(--muted); font: 13px/1.4 system-ui, sans-serif; }
ul.posts { list-style: none; padding: 0; }
ul.posts li { margin: 18px 0; }
ul.posts time { display: block; color: var(--muted); font: 13px/1.4 system-ui, sans-serif; }
code, pre { font: 14px/1.5 ui-monospace, Menlo, Consolas, monospace; background: #f0eee8; }
code { padding: 1px 4px; border-radius: 3px; }
pre { padding: 12px 14px; overflow-x: auto; border-radius: 5px; }
footer { margin-top: 64px; padding-bottom: 40px; color: var(--muted); font: 13px/1.4 system-ui, sans-serif; }