:root { --accent: #E8857A; --ink: #463a38; --muted: #8a7a77; }
* { box-sizing: border-box; }
body {
  margin: 0; padding: 0 16px 64px;
  font-family: Georgia, 'Times New Roman', serif;
  color: var(--ink); background: #fffdfc; line-height: 1.7;
}
main { max-width: 720px; margin: 0 auto; }
header { text-align: center; padding: 40px 0 8px; }
header a { color: var(--accent); text-decoration: none; font-size: 28px; font-weight: bold; }
nav { text-align: center; margin-bottom: 32px; }
nav a { color: var(--muted); margin: 0 10px; text-decoration: none; font-size: 14px; }
nav a:hover { color: var(--accent); }
h1 { color: var(--accent); font-size: 30px; margin-bottom: 4px; }
h2 { font-size: 20px; margin-top: 32px; border-bottom: 1px solid #f2dcd7; padding-bottom: 6px; }
.updated { color: var(--muted); font-style: italic; margin-bottom: 24px; }
blockquote { background: #fdf1ee; border-left: 4px solid var(--accent); margin: 16px 0; padding: 12px 16px; border-radius: 0 8px 8px 0; }
footer { text-align: center; color: var(--muted); font-size: 13px; margin-top: 56px; }
strong { color: #2f2523; }