/* Footer sits at the bottom on short pages, without a gap below it. */
html, body { min-height: 100%; }
body:has(.site-footer) {
  min-height: 100vh;
  margin: 0 !important;
  display: flex;
  flex-direction: column;
}
body:has(.site-footer) > .site-footer {
  margin-top: auto !important;
  margin-bottom: 0 !important;
  flex-shrink: 0;
}
.site-footer { margin-bottom: 0 !important; }