/* Separate full-width introductions from the content that follows them.
   Padding keeps the first heading's intentional zero margin from collapsing
   against the hero, including Resources, About, and county profiles. */
main > .page-head + .wrap {
  padding-top: clamp(36px, 4vw, 64px);
}

/* Supporting measures are distinct groups inside an expanded panel. */
.editorial-reader #article-content .performance-supporting-measures > section {
  padding-block: 24px;
}

/* Keep small introductory labels associated with their infographic titles,
   but leave enough room for both lines to read comfortably. */
.editorial-reader #article-content :is(.info-header, .impl-model-header, .pf-framework-header) > :is(.info-kicker, .impl-model-kicker, .pf-framework-kicker) {
  margin-bottom: 14px;
}

/* When industry comparisons stack on phones, give each new topic a clear
   separation from the preceding narrative rather than a tight table-row gap. */
@media (max-width: 650px) {
  .editorial-reader #article-content .editorial-item + .editorial-item,
  .editorial-reader #article-content .insights-layout .insight-grid > section + section {
    padding-top: 28px;
  }
}