:root {
  --ink: #1b1914;
  --paper: #f4efe4;
  --rule: #c8b89a;
  --accent: #8a3b12;
  --muted: #6b6254;
}
* { box-sizing: border-box; }
html { background: var(--paper); }
body {
  margin: 0;
  color: var(--ink);
  font-family: "Iowan Old Style", "Palatino Linotype", Palatino, serif;
  line-height: 1.55;
}
main { width: min(42rem, calc(100% - 3rem)); margin: 0 auto; padding: 3.5rem 0 5rem; }
header { border-bottom: 1px solid var(--rule); padding-bottom: 1.25rem; margin-bottom: 2rem; }
.mark { letter-spacing: 0.18em; text-transform: uppercase; font-size: 0.75rem; color: var(--accent); }
h1 { font-weight: 500; font-size: 2.1rem; margin: 0.4rem 0 0.6rem; }
h2 { font-weight: 500; font-size: 1.35rem; margin-top: 2rem; }
p, li { color: var(--ink); }
.lede { font-size: 1.15rem; }
.muted { color: var(--muted); }
nav a { color: var(--ink); margin-right: 1.1rem; text-decoration-thickness: 1px; }
footer { margin-top: 3rem; padding-top: 1rem; border-top: 1px solid var(--rule); color: var(--muted); font-size: 0.92rem; }