/* Shared base + chrome for the Oswald/Roboto pages (index, for-responders,
   instructor). Only rules that are byte-identical across those three live here.
   Anything that drifts between them stays in the page's own <style> block so
   the rendered cascade is unchanged from the pre-Astro HTML.

   for-agencies.astro deliberately does NOT import this file: it runs a separate
   design system (Barlow Condensed/Inter, navy/blue) and ships its own base. */

:root{
  --bg:#000000; --surface:#0e161c; --surface2:#0a1116; --band:#124760;
  --line:#22323d; --blue:#1d78a5; --blue-dk:#124760;
  --red:#b31f24; --red-hover:#8f1519; --grey:#858585;
  --text:#eef2f5; --muted:#93a0a8; --faint:#5f6a72;
  --disp:'Oswald',sans-serif; --body:'Roboto',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--text);font-family:var(--body);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--blue)}
p{color:var(--muted)}
.btn{display:inline-block;font-family:var(--body);font-weight:700;font-size:14px;letter-spacing:.02em;text-transform:uppercase;padding:14px 28px;border-radius:5px;cursor:pointer;border:1px solid transparent;transition:.15s}
.btn-primary{background:var(--red);color:#fff}
.btn-primary:hover{background:var(--red-hover)}
.btn-ghost{background:transparent;border-color:#3a4a55;color:var(--text)}
.btn-ghost:hover{border-color:var(--blue)}

header{position:sticky;top:0;z-index:20;background:rgba(0,0,0,.9);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:66px}
.logo{font-family:var(--disp);font-weight:700;font-size:20px;letter-spacing:.05em;line-height:1.15;color:#fff}
.logo small{display:block;font-family:var(--body);font-weight:500;font-size:10px;letter-spacing:.24em;color:var(--faint);text-transform:uppercase;margin-top:7px}
.nav-links{display:flex;gap:26px;align-items:center;font-size:14px;font-weight:500}
.nav-links a:hover{color:var(--blue)}

.foot-links{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14px;color:var(--muted)}