/**
 * BSERI Downloads page — navy hero + light content sections.
 * Load after nav-over-hero.css (see contact-page-brand.css pattern).
 */

.downloads-page {
  font-family: var(--font-family-body);
  color: var(--color-text);
}

/* Light sections only — never override navy hero */
.downloads-page .certification-cards-section h2,
.downloads-page .certification-cards-section h3 {
  font-family: var(--font-family-heading);
}

/* Navy hero — inverse tokens (theme heading rules must not win) */
.downloads-page .downloads-page-hero.about-hero h1 {
  color: var(--color-text-inverse) !important;
  font-family: var(--font-family-sans) !important;
}

.downloads-page .downloads-page-hero.about-hero h1 em {
  color: var(--color-about-accent) !important;
  font-style: normal;
}

.downloads-page .downloads-page-hero.about-hero .about-hero-eyebrow {
  color: var(--color-about-accent) !important;
}

.downloads-page .downloads-page-hero.about-hero .about-hero-lead {
  color: rgba(255, 255, 255, 0.9) !important;
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
}

body.downloads-page.nav-over-hero main#main-content > .downloads-page-hero:first-child {
  margin-top: 0;
}

.downloads-page .catalog-cta-band {
  background: var(--color-tertiary-light, #f0f4fa);
  border-radius: 12px;
  padding: 2rem 1.5rem;
  text-align: center;
}

.downloads-page .catalog-cta-actions {
  display: flex;
  gap: 0.625rem;
  justify-content: center;
  flex-wrap: wrap;
}

/* Card grid — explicit fallback if theme .grid-3 is stale on server */
.downloads-page .downloads-resource-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: var(--space-8, 2rem);
}