/* Hero call card (2026-11-08): replaces the Quick facts / At a glance card on condition and therapy pages. Linked after _theme-light.css so it wins. */
html[data-theme="light"] .hero-call {
  background: #f1eee6;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 22px;
  box-shadow: 0 18px 40px rgba(2,8,15,0.35);
  padding: 34px 36px;
  text-align: center;
  box-sizing: border-box;
}
html[data-theme="light"] .hero-call .hero-call__eyebrow {
  margin: 0 0 12px;
  font-family: 'Source Sans 3', sans-serif;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #15457a;
}
html[data-theme="light"] .hero-call .hero-call__h {
  margin: 0 0 12px;
  font-family: 'Source Serif 4', Georgia, serif;
  font-weight: 600;
  font-size: 28px;
  line-height: 1.2;
  letter-spacing: normal;
  color: #07172a;
  text-wrap: balance;
}
html[data-theme="light"] .hero-call .hero-call__body {
  margin: 0 0 24px;
  font-family: 'Source Sans 3', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #3a4a5c;
  text-wrap: pretty;
  max-width: none;
}
html[data-theme="light"] .hero-call__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
html[data-theme="light"] .hero-call .btn { justify-content: center; }
html[data-theme="light"] .hero-call .btn-primary {
  background: #22507e;
  color: #fff;
  border-color: #22507e;
}
html[data-theme="light"] .hero-call .btn-primary:hover {
  background: #2b6299;
  border-color: #2b6299;
}
html[data-theme="light"] .hero-call .btn-outline {
  background: transparent;
  color: #22507e;
  border-color: rgba(34,80,126,0.40);
}
html[data-theme="light"] .hero-call .btn-outline:hover {
  background: rgba(34,80,126,0.06);
  color: #22507e;
  border-color: rgba(34,80,126,0.55);
}
@media (max-width: 520px) {
  html[data-theme="light"] .hero-call { padding: 24px 22px; }
  html[data-theme="light"] .hero-call .hero-call__h { font-size: 24px; }
  html[data-theme="light"] .hero-call__actions { flex-direction: column; }
  html[data-theme="light"] .hero-call__actions .btn { width: 100%; }
}

/* The chips rows had a bottom margin meant for the removed hero buttons. */
html[data-theme="light"] .cond-hero .cond-hero__diagnoses { margin-bottom: 0; }
html[data-theme="light"] .svc-hero .chips-row { margin-bottom: 0; }