/**
 * Discover — ported 1:1 from app/(site)/discover/discover.module.css.
 * Module classes scoped under the page root .p-discover (auto-enqueued by the
 * page-*.css glob). Shared section styling lives in full-bleed-hero.css,
 * fact-block.css, and cta-band.css; this file only carries the page-specific
 * body/facts layout.
 */

/* Vertical breathing room between the hero, the content, and the CTA band. */
.p-discover .body {
  padding-block: clamp(3.5rem, 8vw, 6rem);
}

.p-discover .facts {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1rem, 2.5vw, 1.5rem);
  margin-top: clamp(2.5rem, 6vw, 4rem);
}
@media (min-width: 720px) {
  .p-discover .facts {
    grid-template-columns: repeat(3, 1fr);
  }
}