/* Final heading-to-article gap fix.
   The intro text now lives in the article, so collapse the subpage hero/header area
   and hide unused hero visual blocks that were leaving empty vertical space. */

.section.alt:has(.page-lead),
section.alt:has(.page-lead) {
  padding-top: 32px !important;
  padding-bottom: 10px !important;
  min-height: 0 !important;
}

.page-lead {
  display: block !important;
  margin-bottom: 0 !important;
  min-height: 0 !important;
}

.page-lead > div:first-child {
  margin-bottom: 0 !important;
}

.page-lead .title-nav-row {
  margin-bottom: 0 !important;
}

.page-lead h1,
.page-lead .h1,
.page-lead .h2,
.title-nav-row h1,
.title-nav-row .h1,
.title-nav-row .h2 {
  margin-bottom: 0 !important;
  min-height: 0 !important;
}

/* The topic image was keeping the hero tall after intro text moved into the article */
.page-lead .topic-visual {
  display: none !important;
}

/* Pull the article up directly under the heading section */
.section.alt + .section,
section.alt + section.section {
  padding-top: 12px !important;
}

/* Keep article intro tight */
.article p:first-child {
  margin-top: 0 !important;
}

/* If any older spacing files created a large service hero height, override it */
.service-page .hero,
.service-page .page-hero,
.service-page .service-hero,
body[class*="service"] .hero,
body[class*="small-business"] .hero,
body[class*="home-services"] .hero {
  min-height: 0 !important;
  padding-bottom: 10px !important;
}