/* One heading-to-content gap, without adding it again through a parent grid. */
body.corporate-site{--heading-content-gap:32px}
@layer typoint-type-system{
 body.corporate-site.home-page main .home-service-body>.home-service-title,
 body.corporate-site.home-page main .home-articles-compact>h2,
 body.corporate-site.home-page main .home-service-spectrum>h2,
 body.corporate-site.about-page main :is(h2,h3,h4,h5,h6),
 body.corporate-site.contact-page main :is(.contact-person,.contact-office)>.contact-subheading{margin-top:0!important;margin-bottom:var(--heading-content-gap)!important}
 body.corporate-site.about-page main :is(h2,h3,h4,h5,h6)+*,
 body.corporate-site.contact-page main :is(.contact-person,.contact-office)>.contact-subheading+*{margin-top:0!important}
}
@media(max-width:760px){
 body.corporate-site.home-page .home-service>.home-service-body,
 body.corporate-site.home-page .home-typography-entry{row-gap:0!important}
 @layer typoint-type-system{
  body.corporate-site.home-page main .home-typography-entry>h2{margin-bottom:var(--heading-content-gap)!important}
 }
}
/* The mobile Ignite layout already contributes a 24px row gap. */
@media(max-width:560px){@layer typoint-type-system{
 body.corporate-site.about-page main .about-ignite>h2{margin-bottom:calc(var(--heading-content-gap) - 24px)!important}
}}