/* Shared compact top rhythm for pages that use the mobile/tablet navbar. */
@media (max-width: 1100px) {
  html:not(.page-home) body main#main-content {
    padding-top: var(--site-navbar-mobile-height, 64px) !important;
  }

  html:not(.page-home) body main#main-content#main-content > :is(
    section.page-hero,
    section.blog-page-hero,
    section.hs-hero,
    section.hs-page-hero
  ) {
    min-height: 0 !important;
    padding-top: 44px !important;
  }
}

@media (max-width: 768px) {
  html:not(.page-home) body main#main-content#main-content > :is(
    section.page-hero,
    section.blog-page-hero,
    section.hs-hero,
    section.hs-page-hero
  ) {
    padding-top: 28px !important;
  }
}