/* SPA page visibility — only the active page is shown and interactive */
.page {
  display: none !important;
  visibility: hidden;
  pointer-events: none;
}

.page.active {
  display: block !important;
  visibility: visible;
  pointer-events: auto;
}

.site-header,
.site-header * {
  pointer-events: auto;
}

body.mobile-nav-open .site-header {
  pointer-events: auto;
}

body.mobile-nav-open main {
  pointer-events: none;
}

body.mobile-nav-open main .page.active {
  pointer-events: auto;
}