/* ==========================================================================
   MOCKUP B — hybrid theme for migrated /guide/ pages.
   Keeps AFT's blue as the brand/CTA color (nav, buttons, links all stay
   recognizably arcflashtraining.org) but restores the typographic character
   and visual texture that made the original 70eGuide "field manual" design
   feel distinct: Barlow Condensed display headlines, JetBrains Mono kicker
   labels, a warm off-white page background instead of stark white, and gold
   used as a real accent instead of being reserved for one CTA button.
   Loads after style-v2.css / content-compat-v2.css, same as the override
   it replaces — but restates far less, and nothing with a hammer.
   ========================================================================== */
:root{
  /* dark hero/section role -> AFT's blue-dark family, not near-black */
  --navy:#0D2B5E; --navy2:#0d1b33; --navy3:#1A4FA0; --navy4:#3B72C8;
  /* background: warm off-white instead of AFT's stark white AND instead of
     the old theme's cream -- splits the difference so it reads distinct
     from a plain corporate page without reviving the old palette wholesale */
  --paper:#FBF9F5; --card:#fff; --line:#E4DFD3; --line2:#F1EEE5;
  --ink:#0D2B5E; --ink2:#374151; --mut:#6B7A8D; --mut2:#8a94a8;
  /* accent: AFT blue stays primary; gold is restored as a real secondary
     accent (kickers, rules, highlight numerals) rather than one button */
  --gold:#E6A817; --gold2:#B9860F; --gold-soft:rgba(230,168,23,.12);
  --red:#c0392b; --amber:#b8860b; --green:#1E7A43; --blue:#1A4FA0;
  --virtual:#1A4FA0; --onsite:#1E7A43;
  /* typography: bring back the condensed display face + mono kicker face
     that gave the original its "field manual" feel; body stays Inter */
  --fh:'Barlow Condensed','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --fb:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --fm:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;
}

body{background:var(--paper)}

/* headlines: condensed display face back, AFT's ink color */
h1,h2,h3,h4,h5{font-family:var(--fh);font-weight:700;letter-spacing:.3px}
.h-page{font-size:clamp(32px,4.4vw,50px);line-height:1.06}
.h-sec{font-size:clamp(26px,3vw,34px);line-height:1.08;margin:6px 0 4px}

/* kicker/eyebrow labels: mono face, gold accent (restored from the
   original — this is one of the most recognizable bits of the old look) */
.k{font-family:var(--fm);letter-spacing:2.2px;font-weight:700;
   color:var(--gold2);font-size:11px;text-transform:uppercase}

/* links: AFT blue (brand stays consistent) */
.prose a, a.hl, em.hl{color:var(--blue)}

/* cards / callouts: warm paper card instead of stark white, thin gold rule
   on the info variant as a texture cue instead of flat blue-tint fill */
.callout, .case, .checklist, .panel{background:var(--card);border:1px solid var(--line)}
.callout.info{background:var(--gold-soft);border-color:#E9D4A0}
.callout.danger{background:#FDEEEC;border-color:#F3C6BE}

/* stat numbers: gold, restoring the old scoreboard feel, on AFT's ink */
.stat .num{color:var(--gold2);font-weight:800;font-family:var(--fh)}

/* buttons: AFT blue stays primary brand color; ghost buttons pick up a
   gold hover so gold isn't purely decorative */
.btn, .ssb-enroll-btn{background:var(--blue);color:#fff}
.btn.ghost{background:transparent;color:var(--blue);border:1.5px solid var(--blue)}
.btn.ghost:hover{border-color:var(--gold2);color:var(--gold2)}

/* dark hero/section: AFT's proven dark navy, gold kicker preserved for
   the "field manual" cue at the top of the page */
.hero, .inst{background:var(--navy2)}
.hero > .wrap > .crumb, .hero > .wrap > .crumb a,
.hero > .wrap > .k, .hero > .wrap > h1, .hero > .wrap > .lede,
.inst .who b, .inst .motto .m{color:#fff}
.hero .k{color:var(--gold)}
.hero .crumb a{color:#cfe0fb}
.aft-route-banner, .afc-cert-route,
.aft-route-banner *, .afc-cert-route *{color:#0D2B5E}
.aft-route-banner a, .afc-cert-route a{color:var(--blue);text-decoration:underline}