:root {
  --accent: #b45309;
  --accent-contrast: #ffffff;
  --surface: #fffaf3;
  --border: #eadfce;
  --font-head: "Iowan Old Style", Georgia, serif;
  --radius: 6px;
}
.site-header { border-bottom: 3px solid var(--accent); }
.brand-name { letter-spacing: 0.2px; }
.kicker, .hero-kicker {
  text-transform: uppercase; letter-spacing: 1.4px; font-size: 12px;
  font-weight: 700; color: var(--accent); margin: 0 0 6px;
}
.hero { padding: 30px 0 10px; border-bottom: 1px solid var(--border); }
.hero h1 { font-family: var(--font-head); font-size: 40px; margin: 0 0 8px; }
.hero-lede { color: var(--muted); font-size: 19px; margin: 0; }
.badge {
  display: inline-block; background: var(--accent); color: var(--accent-contrast);
  border-radius: 999px; font-size: 11px; font-weight: 700; letter-spacing: 1px;
  padding: 3px 12px; text-transform: uppercase; margin: 0 0 8px;
}
.featured {
  background: var(--surface); border: 1px solid var(--border); border-left: 6px solid var(--accent);
  border-radius: var(--radius); margin: 24px 0; padding: 22px;
}
.featured h2 { font-family: var(--font-head); font-size: 30px; margin: 0 0 10px; }
.featured h2 a { color: var(--text); }
.section-title { font-family: var(--font-head); font-size: 24px; margin: 26px 0 4px; }
.card { border-top: 3px solid var(--accent); }
.card .meta { text-transform: uppercase; letter-spacing: 0.6px; font-size: 11px; }
.article-body h2 { border-bottom: 1px solid var(--border); padding-bottom: 6px; }
.article-nav { margin-top: 30px; font-weight: 600; }