:root {
  --manual-ink: #10221d;
  --manual-muted: #5a6d66;
  --manual-paper: #f5f7f3;
  --manual-surface: #ffffff;
  --manual-green: #176b4b;
  --manual-lime: #c8e768;
  --manual-gold: #d8a53c;
  --manual-line: #d8e1dc;
}

html { background: var(--manual-paper); }
body {
  background: var(--manual-paper) !important;
  color: var(--manual-ink) !important;
  letter-spacing: 0 !important;
}

.site-header {
  background: rgba(255, 255, 255, .97) !important;
  border-bottom: 1px solid var(--manual-line) !important;
  box-shadow: 0 8px 24px rgba(16, 34, 29, .07) !important;
}
.site-header .brand img { max-height: 46px; width: auto; }
.nav-links a,
.nav a { color: #263b34 !important; }
.nav-links a:hover,
.nav a:hover,
.nav-links a.active,
.nav a.active {
  color: var(--manual-green) !important;
  background: #edf4ef !important;
}

.hero {
  background-color: #123c2f !important;
  border-bottom: 5px solid var(--manual-lime);
}
.hero h1,
.hero .eyebrow,
.hero-copy { color: #fff !important; }
.hero .btn-primary,
.btn.primary,
.btn-primary {
  background: var(--manual-lime) !important;
  color: #193128 !important;
  border-color: var(--manual-lime) !important;
  box-shadow: none !important;
}
.hero .btn-ghost,
.btn-ghost { border-color: rgba(255, 255, 255, .55) !important; color: #fff !important; }

.section { border-top: 1px solid var(--manual-line); }
.section:nth-of-type(even) { background: #eef3ef; }
.section-head {
  align-items: end !important;
  border-bottom: 1px solid var(--manual-line);
  padding-bottom: 18px;
}
.section-kicker,
.kicker,
.eyebrow { color: var(--manual-green) !important; }

.card,
.article-block,
.faq-panel,
.side-card,
.notice,
.sticky-note {
  background: var(--manual-surface) !important;
  border: 1px solid var(--manual-line) !important;
  border-radius: 6px !important;
  box-shadow: 0 8px 22px rgba(16, 34, 29, .06) !important;
}
.grid-3 .card:nth-child(3n + 1) { border-top: 4px solid var(--manual-green) !important; }
.grid-3 .card:nth-child(3n + 2) { border-top: 4px solid var(--manual-gold) !important; }
.grid-3 .card:nth-child(3n) { border-top: 4px solid #4c6e91 !important; }
.chip,
.tag,
.rule-tab { border-radius: 4px !important; }

.page-hero {
  background: #e9f0eb !important;
  border-bottom: 1px solid var(--manual-line) !important;
}
.page-hero h1 { color: var(--manual-ink) !important; }
.native-article-detail,
.article-main { background: #fff !important; border: 1px solid var(--manual-line); border-radius: 6px; }
.native-article-detail h2,
.article-main h2 { color: var(--manual-green) !important; }
.native-article-detail a,
.article-main a { color: #0e6a89 !important; }

.site-footer {
  background: #10251f !important;
  border-top: 5px solid var(--manual-gold) !important;
}
.site-footer,
.site-footer a { color: #eaf1ed !important; }

@media (max-width: 760px) {
  .site-header .container { min-height: 64px; }
  .nav-links,
  .nav { background: #fff !important; }
  .hero { border-bottom-width: 3px; }
  .section-head { align-items: start !important; }
}
