/* Shared spacing for Astro pages and PHP case studies. */
:root {
  --footer-content-gap: 160px;
}

/* Keep the spacing before the footer, outside each page's content grid. */
html body footer.site-footer[aria-label] {
  position: static;
  margin: var(--footer-content-gap) auto 0;
}

html body .page-content:has(.site-footer) {
  padding-bottom: 0;
}

html body .page-content > main:has(~ .site-footer),
html body > main:has(~ .site-footer) {
  padding-bottom: 0;
}

@media (min-width: 560px) {
  html body .footer-spacer {
    display: none;
  }
}

@media (max-width: 559px) {
  :root {
    --footer-content-gap: 96px;
  }
}