.content-section h1 {
  margin: 0.75rem 0 0.6rem;
  font-size: clamp(2rem, 3vw, 2.6rem);
  line-height: 1.15;
  color: var(--color-gopsco-dark);
}

.content-section h2 {
  margin-top: 0;
  color: var(--color-gopsco-dark);
}

.content-section p {
  max-width: 78ch;
  color: var(--text-muted);
  margin: 0.4rem 0 0;
}

/* Global safeguard: if a section uses an ink surface, never inherit muted dark text. */
.content-section.ink,
.content-section.surface-ink {
  color: var(--text-on-ink);
}

.content-section.ink h1,
.content-section.ink h2,
.content-section.ink h3,
.content-section.surface-ink h1,
.content-section.surface-ink h2,
.content-section.surface-ink h3 {
  color: rgba(255, 255, 255, 0.96);
}

.content-section.ink p,
.content-section.surface-ink p {
  color: rgba(255, 255, 255, 0.78);
}

/* Dark band variants (CTA band). This file loads late, so it safely overrides
   the generic `.content-section p` colors for readability. */
.cta-band.content-section h2 {
  color: rgba(255, 255, 255, 0.96);
}

.cta-band.content-section p {
  color: rgba(255, 255, 255, 0.86);
}

.cta-band.content-section a {
  color: rgba(255, 255, 255, 0.92);
}