/* HST DrAir 2026-10-28 — isolated hero overlay and nav underline glow. */
.hero.hero-dark { background-color: #0d0e11; }
.hero.hero-dark .hero-media { position: relative; }
.hero.hero-dark .hero-media::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 38%;
  bottom: -1px;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(to bottom,
    rgba(13, 14, 17, 0) 0%,
    rgba(13, 14, 17, .08) 16%,
    rgba(13, 14, 17, .30) 42%,
    rgba(13, 14, 17, .69) 72%,
    #0d0e11 100%);
}
.hero.hero-dark .hero-live { z-index: 4; }
/* Preserve real clickable nav/buttons. Underline becomes bright red neon. */
.dark-header .main-nav a::after {
  background: #ff1739;
  border-radius: 3px;
  transition: transform .22s ease, box-shadow .2s ease, filter .2s ease;
}
.dark-header .main-nav a.active::after {
  box-shadow: 0 0 6px rgba(255,17,51,.95), 0 0 13px rgba(255,17,51,.52);
}
.dark-header .main-nav a:hover::after,
.dark-header .main-nav a:focus-visible::after {
  transform: scaleX(1);
  background: #ff2748;
  box-shadow: 0 0 5px #ff163b, 0 0 12px #ff163b,
              0 0 25px rgba(255,19,55,.96), 0 0 43px rgba(255,19,55,.65);
  filter: brightness(1.2);
}
@media (prefers-reduced-motion: reduce) {
  .dark-header .main-nav a::after { transition: none; }
}