/* Crawford & Co Academy — shared look (16 Oct 2026).
 * Loaded LAST on every page, after the page's own <style>, so these rules win.
 * It sets the one palette, one type pairing, one radius scale and one hero
 * rhythm the pages used to each define slightly differently. Page-specific
 * layout stays in the pages. Bump ?v= on every page when this file changes
 * (Pages caches assets for 4h). */
@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap");

:root{
  --navy:#2a625b; --accent:#13b1a6; --accent2:#0e8f86; --accent-bg:#e7faf8; --accent-bd:#9fe6e0;
  --bg:#f4f6f9; --surface:#fff; --ink:#16202c; --mid:#4a5e72; --muted:#667085;
  --border:#e2e8f0; --line:#e2e8f0;
  --radius:14px; --radius-sm:10px;
  --shadow:0 1px 3px rgba(13,31,53,.05),0 10px 28px rgba(13,31,53,.06);
  --font-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-head:"Bricolage Grotesque",var(--font-body);
}
body{font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
h1,h2,h3,.hero h1,.cert h3,.card h3{font-family:var(--font-head);letter-spacing:-.01em}
h1{letter-spacing:-.02em}

/* Inner-page hero: one height everywhere except the home page. */
body:not(.home) .hero{padding:40px 0 44px}
body:not(.home) .hero h1{font-size:1.9rem;line-height:1.15;margin:0 0 6px}
body:not(.home) .hero p{color:#c9dbd7}
@media(max-width:640px){body:not(.home) .hero{padding:28px 0 30px}body:not(.home) .hero h1{font-size:1.5rem}}

/* One radius scale: buttons and inputs 10, cards 14, pills stay round. */
.btn,button.btn,input[type=text],input[type=number],input[type=search],input[type=email],select,textarea{border-radius:var(--radius-sm)}
.card,.cert,.srcard,.stat,.acc,.banner,.cmline,.empty,.panel,.box,.tile{border-radius:var(--radius)}
.btn{font-family:var(--font-body);font-weight:700}
.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}

/* Print: never ship the shared chrome to paper. */
@media print{body{background:#fff}}