/* Site fonts.
   Headings/titles + header nav buttons: Archivo (bold grotesque display face).
   Body / headers / footers: Bahnschrift SemiBold (self-hosted webfont), with
   Encode Sans Semi Condensed Bold as the non-Windows fallback.
   PBQ and lab GUI simulations keep their own proprietary fonts (see guard below).
   Loaded globally via site-chrome.css @import and a direct <link> on standalone pages. */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@600;700;800&family=Encode+Sans+Semi+Condensed:wght@600;700&display=swap');

/* Self-hosted paid Bahnschrift SemiBold webfont so every platform (not just Windows) gets it. */
@font-face {
  font-family: 'Bahnschrift';
  src: url('/fonts/bahnschrift/Bahnschrift.woff2') format('woff2'),
       url('/fonts/bahnschrift/Bahnschrift.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

h1, h2, h3,
.card-title, .cert-progress-title, .section-title {
  font-family: 'Archivo', 'Libre Franklin', 'Inter', sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0;
}

/* Body — Bahnschrift SemiBold with Encode Sans Semi Condensed Bold fallback. */
body {
  font-family: 'Bahnschrift', 'Bahnschrift SemiBold', 'Encode Sans Semi Condensed', 'Libre Franklin', 'Inter', sans-serif;
}

/* Archivo for: header (nav + buttons), the whole footer, every button, and the search bar. */
.header, .header *:not(i):not([class*="fa-"]),
.footer, .footer *:not(i):not([class*="fa-"]),
.cta-button, a.cta-button, .nav-menu a, .nav-cta,
button, a.btn, [class*="btn"], [class*="button"],
input[type="submit"], input[type="button"],
.search-input, #globalSearch, .search-wrapper input {
  font-family: 'Archivo', 'Libre Franklin', 'Inter', sans-serif !important;
}

/* GUARD: never let the marketing heading/body fonts bleed into PBQ or lab GUI simulations.
   Each GUI element that defines its own proprietary font (terminals, AWS/Azure shells, etc.)
   keeps it; only the generic, font-less GUI elements fall back to the neutral lab base. */
.pbq-sim, .pbq-sim h1, .pbq-sim h2, .pbq-sim h3, .pbq-sim h4,
.pbq-sim-title, .pbq-sim-text, .pbq-sim-btn,
.pbq-sim button, .pbq-sim [class*="btn"], .pbq-sim input,
.lab-card, .lab-card h1, .lab-card h2, .lab-card h3, .lab-card h4,
.lab-title, .lab-content, .lab-scenario, .lab-workspace, .lab-header,
.lab-card button, .lab-card [class*="btn"], .lab-card input {
  font-family: 'Inter', 'Libre Franklin', sans-serif !important;
  letter-spacing: normal;
}