/* Scoped to new homepage (/) - Tailwind custom utilities. Synced to public/reports-landing.css at build (loaded only on / route). */
.reports-page .gradient-bg,
.reports-page.gradient-bg {
  background: radial-gradient(circle at 50% 0%, #1e3a8a 0%, #0f172a 100%);
}
.reports-page .glass,
.reports-page.glass {
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Keep heading and subheading scale consistent across report pages. */
.reports-page {
  font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
  --rp-h1-mobile: 2.25rem;
  --rp-h1-desktop: 4rem;
  --rp-h2-mobile: 1.75rem;
  --rp-h2-desktop: 2.75rem;
  --rp-h3-mobile: 1.125rem;
  --rp-h3-desktop: 1.375rem;
}

.reports-page h1 {
  font-size: var(--rp-h1-mobile);
  line-height: 1.1;
}

.reports-page h2:not([class*="text-xs"]):not([class*="text-sm"]),
.reports-page h3:not([class*="text-xs"]):not([class*="text-sm"]) {
  line-height: 1.15;
}

.reports-page h2:not([class*="text-xs"]):not([class*="text-sm"]) {
  font-size: var(--rp-h2-mobile);
}

.reports-page h3:not([class*="text-xs"]):not([class*="text-sm"]) {
  font-size: var(--rp-h3-mobile);
}

@media (min-width: 768px) {
  .reports-page h1 {
    font-size: var(--rp-h1-desktop);
  }

  .reports-page h2:not([class*="text-xs"]):not([class*="text-sm"]) {
    font-size: var(--rp-h2-desktop);
  }

  .reports-page h3:not([class*="text-xs"]):not([class*="text-sm"]) {
    font-size: var(--rp-h3-desktop);
  }
}