:root { --ink: #2b2b2b; --paper: #faf8f4; --accent: #7a5c3e; }
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--paper); color: var(--ink);
  font: 17px/1.65 Georgia, "Times New Roman", serif;
}
header, main, footer { max-width: 42rem; margin: 0 auto; padding: 0 1.2rem; }
header { padding-top: 2.5rem; border-bottom: 1px solid #ddd5c8; }
header h1 { margin: 0; font-size: 1.9rem; letter-spacing: 0.02em; }
header h1 a { color: var(--ink); text-decoration: none; }
.tagline { color: var(--accent); font-style: italic; margin: 0.2rem 0 0.8rem; }
nav { padding-bottom: 0.9rem; }
nav a { color: var(--accent); margin-right: 1.2rem; text-decoration: none;
  border-bottom: 1px dotted var(--accent); }
main { padding-top: 1.5rem; }
article { margin-bottom: 2.2rem; }
h2 { font-size: 1.35rem; margin-bottom: 0.2rem; }
h2 a { color: var(--ink); text-decoration: none; }
h2 a:hover { color: var(--accent); }
h3 { margin-bottom: 0.3rem; }
.meta { color: #8a8378; font-size: 0.85rem; font-style: italic; margin-top: 0; }
footer { border-top: 1px solid #ddd5c8; padding: 1rem 1.2rem 2.5rem;
  color: #8a8378; font-size: 0.85rem; }
ul { padding-left: 1.4rem; }