/* NMR Page-Header Treatment — "Medium" navy ombre + sky-blue halo + 5 stars
   Loaded after each page's inline <style> so it overrides any flat
   `background: #141c3a;` on the navy banner at the top of the page.
   Targets both .cover (article-style pages) and .hero (LP-style pages)
   so they share the same brand identity. Single point of maintenance
   across all article, results, methodology, state, and landing pages. */

.cover,
.hero {
  background:
    radial-gradient(ellipse 80% 75% at 50% 55%, rgba(140, 185, 245, 0.22) 0%, rgba(95, 145, 225, 0.11) 40%, rgba(20, 28, 58, 0) 75%),
    linear-gradient(180deg, #101732 0%, #141c3a 50%, #1d2950 100%);
  position: relative;
  overflow: hidden;
}

.cover::after,
.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background-image:
    radial-gradient(1.5px 1.5px at 15% 25%, rgba(255,255,255,0.55), transparent 50%),
    radial-gradient(1px 1px at 85% 30%, rgba(180,210,255,0.5), transparent 50%),
    radial-gradient(1px 1px at 22% 80%, rgba(255,255,255,0.4), transparent 50%),
    radial-gradient(1.5px 1.5px at 78% 75%, rgba(180,210,255,0.45), transparent 50%),
    radial-gradient(1px 1px at 50% 12%, rgba(255,255,255,0.35), transparent 50%);
}

/* Keep header children above the stars layer */
.cover > *,
.hero > * {
  position: relative;
  z-index: 1;
}