/* Modern Healthcare Strategy — main-site shared styles ("Ascent" brand, mockup E).
   Tokens and shared chrome (header, nav, footer, stats band); page-specific
   rules live in each page's own <style> block. */
:root {
  --bg: #0d1b2a; --bg-2: #122339; --ink: #eef2f6; --muted: #93a5b8;
  --gold: #c9a227; --gold-soft: #e0c472; --gold-dim: #9c7f2e;
  --navy-cover: #0f2a43; --line: #243a52; --card: #10233a; --teal: #2e8ca0;
}
* { box-sizing: border-box; margin: 0; }
body {
  background: radial-gradient(1000px 540px at 20% -8%, #16304b 0%, transparent 55%), var(--bg);
  color: var(--ink); font-family: 'Inter', system-ui, sans-serif; line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
.serif { font-family: 'Source Serif 4', Georgia, serif; }

header { display: flex; align-items: center; justify-content: space-between; max-width: 1140px; margin: 0 auto; padding: 28px 24px; }
.wordmark { font-family: 'Source Serif 4', serif; font-weight: 700; font-size: 19px; color: var(--ink); text-decoration: none; }
nav a { color: var(--muted); text-decoration: none; font-size: 14.5px; font-weight: 500; margin-left: 26px; }
nav a:hover, nav a.active { color: var(--gold-soft); }

.kicker { display: inline-flex; align-items: center; gap: 9px; color: var(--gold-soft); font-size: 12.5px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; margin-bottom: 20px; }
.kicker::before { content: ""; width: 34px; height: 1px; background: var(--gold-dim); }

.nums { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #0f2033; }
.nums-inner { max-width: 1140px; margin: 0 auto; padding: 32px 24px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.num b { display: block; font-family: 'Source Serif 4', serif; font-size: 28px; font-weight: 600; color: var(--gold-soft); }
.num span { font-size: 13px; color: var(--muted); }

footer { border-top: 1px solid var(--line); }
.foot-inner { max-width: 1140px; margin: 0 auto; padding: 26px 24px; display: flex; justify-content: space-between; font-size: 13.5px; color: var(--muted); }
.foot-inner a { color: var(--muted); text-decoration: none; margin-left: 20px; }
.foot-inner a:hover { color: var(--gold-soft); }

@media (max-width: 920px) {
  header { flex-wrap: wrap; gap: 12px; }
  .nums-inner { grid-template-columns: repeat(2, 1fr); }
}