/* Futuristic cardiology hero background for topbar.
   Keep it subtle to avoid interrupting reading.
*/

.topbar {
  position: sticky;
  top: 0;
}

/* Keep only ONE ECG/pulse: the SVG background already includes it. */
.topbar::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("/assets/hero-cardiology.svg") center/cover no-repeat;
  opacity: 0.42;
  pointer-events: none;
}

.topbar::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(900px 200px at 78% 60%, rgba(34,211,238,0.16), transparent 60%),
    radial-gradient(650px 220px at 20% 60%, rgba(225,29,72,0.12), transparent 62%);
  pointer-events: none;
}

.topbar-inner {
  position: relative;
  z-index: 2;
}

@media (prefers-reduced-motion: reduce) {
  .topbar::before { opacity: 0.30; }
}