/* ==========================================================================
   AFT theme override for migrated /guide/ pages.
   Restates the guide's original component CSS on AFT's actual brand tokens
   (see aft-site root pages: --blue #1A4FA0, --blue-dark #0D2B5E, --gold
   #E6A817, Inter typography) instead of the old 70eGuide dark-navy/gold
   "field manual" palette (Barlow Condensed + JetBrains Mono, warm cream bg).
   Loads after style-v2.css / content-compat-v2.css and wins on specificity
   by re-declaring the same custom properties everything else reads from.
   ========================================================================== */
:root{
  /* dark/near-black roles -> AFT's blue-dark / blue-deep */
  --navy:#0D2B5E; --navy2:#0d1b33; --navy3:#1A4FA0; --navy4:#3B72C8;
  /* background + card + rule roles -> AFT's cool white/blue-grey, not warm cream */
  --paper:#FFFFFF; --card:#fff; --line:#DDE6EF; --line2:#F0F5FC;
  /* text roles -> AFT's ink scale */
  --ink:#0D2B5E; --ink2:#374151; --mut:#6B7A8D; --mut2:#6B7A8D;
  /* accent roles -> AFT's gold stays gold, but the PRIMARY label/link accent
     moves from gold to AFT blue (gold2 drove almost every kicker/link in the
     old theme; on AFT blue carries that role, gold is reserved for the
     guide/resource CTA treatment, same split AFT already uses) */
  --gold:#E6A817; --gold2:#1A4FA0; --gold-soft:rgba(26,79,160,.10);
  --red:#c0392b; --amber:#b8860b; --green:#1E7A43; --blue:#1A4FA0;
  --virtual:#1A4FA0; --onsite:#1E7A43;
  /* typography: Inter everywhere, no condensed display face, no mono */
  --fh:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --fb:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --fm:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}

body{background:var(--paper) !important}

/* headings: AFT weight/letterspacing instead of the condensed-display look */
h1,h2,h3,h4,h5{font-weight:800 !important;letter-spacing:normal !important}

/* kicker/eyebrow labels: AFT's small-caps blue label, not mono gold */
.k{font-family:'Inter',sans-serif !important;letter-spacing:.12em !important;
   font-weight:700 !important;color:var(--blue) !important;font-size:11px !important}

/* links inherit AFT blue instead of gold */
.prose a, a.hl, em.hl{color:var(--blue) !important}

/* cards / callouts: light card on AFT rule color instead of warm-paper card */
.callout, .case, .checklist, .panel{background:#fff !important;border:1px solid var(--line) !important}
.callout.info{background:var(--blue-tint,#E4EDFB) !important;border-color:#C5DAFA !important}
.callout.danger{background:#FDEEEC !important;border-color:#F3C6BE !important}

/* stat numbers: AFT blue instead of gold */
.stat .num{color:var(--blue) !important;font-weight:800 !important}

/* buttons: primary = AFT blue, "gold" utility buttons stay gold for guide/
   resource CTAs specifically (matches AFT's own split) */
.btn, .ssb-enroll-btn{background:var(--blue) !important;color:#fff !important}
.btn.ghost{background:transparent !important;color:var(--blue) !important;border:1.5px solid var(--blue) !important}

/* dark sections (hero panels, scoreboard-style blocks): AFT's proven dark
   navy (#0d1b33, lifted directly from AFT's own state-page scoreboard
   block) instead of near-black. Only the hero's OWN text (crumb, kicker,
   H1, lede) goes white — boxes nested inside the hero that carry their own
   light background (route-banner callouts etc.) keep dark text, since they
   are not part of the dark surface. */
.hero, .inst{background:var(--navy2) !important}
.hero > .wrap > .crumb, .hero > .wrap > .crumb a,
.hero > .wrap > .k, .hero > .wrap > h1, .hero > .wrap > .lede,
.inst .who b, .inst .motto .m{color:#fff !important}
.hero .k{color:var(--gold) !important}
.hero .crumb a{color:#cfe0fb !important}
/* route-banner / cert-route callouts keep readable dark text regardless of
   the dark hero they may sit inside */
.aft-route-banner, .afc-cert-route,
.aft-route-banner *, .afc-cert-route *{color:#0D2B5E !important}
.aft-route-banner a, .afc-cert-route a{color:var(--blue) !important;text-decoration:underline}