:root {
  --ink: #f4efe6;
  --mute: #b7a99a;
  --gold: #f0c36a;
  --bg: #120c18;
  --panel: #1c1426;
  --line: #3a2d22;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { background: var(--bg); color: var(--ink); }
body {
  font-family: "Iowan Old Style", Georgia, "Times New Roman", serif;
  line-height: 1.7;
  min-height: 100vh;
  padding: 48px 24px 64px;
}
main { max-width: 640px; margin: 0 auto; }
nav {
  display: flex;
  gap: 18px;
  margin-bottom: 36px;
  font-family: system-ui, -apple-system, sans-serif;
  font-size: 0.85rem;
  letter-spacing: 0.04em;
}
nav a { color: var(--mute); text-decoration: none; }
nav a:hover, nav a[aria-current="page"] { color: var(--gold); }
h1 { font-size: 2rem; font-weight: 500; margin-bottom: 8px; letter-spacing: 0.01em; }
.lede, .updated { color: var(--mute); font-size: 0.95rem; margin-bottom: 28px; }
h2 {
  font-size: 1.15rem;
  margin: 28px 0 8px;
  font-family: system-ui, -apple-system, sans-serif;
  font-weight: 600;
}
p, li { color: var(--mute); }
p + p { margin-top: 14px; }
.tldr {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 20px 24px;
  margin-bottom: 24px;
  color: var(--ink);
}
a { color: var(--gold); }
.mark {
  display: block;
  width: 72px;
  height: 72px;
  border-radius: 18px;
  margin-bottom: 22px;
}
.cta {
  display: inline-block;
  margin-top: 8px;
  padding: 10px 16px 10px 0;
  font-family: system-ui, -apple-system, sans-serif;
  font-size: 0.9rem;
  letter-spacing: 0.03em;
  text-decoration: none;
}
footer {
  margin-top: 48px;
  padding-top: 20px;
  border-top: 1px solid var(--line);
  color: var(--mute);
  font-size: 0.85rem;
  font-family: system-ui, -apple-system, sans-serif;
}