/* ===================================================================
   AI Governance Articles — design system overlay
   Light-first body + one dark glass hero per article.
   =================================================================== */

body {
  background: var(--surface-2) !important;
  color: var(--fg-2) !important;
  font-family: var(--font-sans) !important;
}

.hero {
  background: var(--glass-bg) !important;
  color: var(--fg-dark-1) !important;
}
.hero-eyebrow {
  font-family: var(--font-mono) !important;
  color: var(--brand-cyan) !important;
}
.hero h1 {
  font-family: var(--font-display) !important;
  font-weight: var(--fw-regular) !important;
  font-style: italic !important;
  letter-spacing: var(--tracking-display) !important;
  color: var(--fg-dark-1) !important;
}
.hero h1 em { color: var(--brand-orange) !important; font-family: var(--font-sans) !important; font-weight: var(--fw-light) !important; }
.hero-sub { color: var(--fg-dark-2) !important; }
.hero-sub strong { color: var(--fg-dark-1) !important; }

.stat-strip {
  background: var(--ink-900) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}
.si-val {
  font-family: var(--font-condensed) !important;
  font-weight: var(--fw-black) !important;
}

.page { background: transparent; }
.sh {
  font-family: var(--font-sans) !important;
  font-weight: var(--fw-bold) !important;
  font-style: normal !important;
  font-size: var(--fs-h2) !important;
  line-height: var(--lh-snug) !important;
  letter-spacing: var(--tracking-tight) !important;
  color: var(--fg-1) !important;
}
.ey {
  font-family: var(--font-mono) !important;
  color: var(--brand-amber) !important;
}
.ey-num {
  font-family: var(--font-condensed) !important;
  font-weight: var(--fw-black) !important;
  background: var(--grad-btn) !important;
}

.find-num,
.tl-bg-n {
  font-family: var(--font-condensed) !important;
  font-weight: var(--fw-black) !important;
}
.find-title,
.card h3,
.card h4 {
  font-family: var(--font-sans) !important;
  font-weight: var(--fw-bold) !important;
}

.pov-chip {
  background: var(--grad-btn) !important;
  box-shadow: var(--shadow-glow-orange);
}
.pov-text strong { color: var(--brand-orange) !important; }
.pov-text .tl { color: var(--brand-cyan) !important; }

.dk,
.pov {
  background: var(--glass-bg) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.card { border-color: var(--border-default) !important; }

.tg-table thead th,
.mat-table thead th {
  font-family: var(--font-mono) !important;
  font-weight: var(--fw-label-on-dark) !important;
  background: var(--ink-900) !important;
}

.src-head {
  font-family: var(--font-mono) !important;
  color: var(--brand-cyan) !important;
}
.src-n {
  font-family: var(--font-condensed) !important;
  font-weight: var(--fw-black) !important;
  color: var(--brand-orange) !important;
}

.cta-band,
.results-cta,
.hero-cta {
  background: var(--grad-btn) !important;
  box-shadow: var(--shadow-glow-orange);
}