:root { --fg: #1a1a1a; --muted: #666; --bg: #fff; --accent: #2b6cb0; }
* { box-sizing: border-box; }
body { font-family: Georgia, 'Times New Roman', serif; max-width: 720px; margin: 0 auto; padding: 2rem 1rem; color: var(--fg); background: var(--bg); line-height: 1.7; }
header { border-bottom: 1px solid #eee; padding-bottom: 1rem; margin-bottom: 2rem; }
header h1 { margin: 0; font-size: 1.6rem; }
header p { color: var(--muted); margin: 0.25rem 0 0; }
nav a { color: var(--accent); text-decoration: none; margin-right: 1rem; }
nav a:hover { text-decoration: underline; }
article h1 { font-size: 2rem; margin-top: 0; }
article h2 { font-size: 1.3rem; margin-top: 2rem; }
footer { margin-top: 3rem; padding-top: 1rem; border-top: 1px solid #eee; color: var(--muted); font-size: 0.9rem; }
ul.articles { list-style: none; padding: 0; }
ul.articles li { padding: 0.75rem 0; border-bottom: 1px solid #f0f0f0; }