/* Mobile navigation safety layer shared across every site section. */
@media (max-width: 900px) {
  [style*="inset: 0px"][style*="z-index: 30"],
  [style*="inset: 0px"][style*="z-index: 10"] {
    align-items: flex-start !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    pointer-events: auto !important;
    padding-top: max(88px, calc(env(safe-area-inset-top) + 64px)) !important;
    padding-bottom: max(96px, calc(env(safe-area-inset-bottom) + 72px)) !important;
  }

  [style*="inset: 0px"][style*="z-index: 30"] > div[style*="display: grid"],
  [style*="inset: 0px"][style*="z-index: 10"] > div[style*="display: grid"] {
    position: relative;
    z-index: 1;
    width: 100%;
  }

  [style*="inset: 0px"][style*="z-index: 30"] a,
  [style*="inset: 0px"][style*="z-index: 10"] a,
  [style*="inset: 0px"][style*="z-index: 30"] button,
  [style*="inset: 0px"][style*="z-index: 10"] button {
    position: relative;
    z-index: 2;
    pointer-events: auto !important;
    touch-action: manipulation;
  }

  [style*="inset: 0px"][style*="z-index: 30"] a,
  [style*="inset: 0px"][style*="z-index: 10"] a {
    display: block;
    min-height: 44px;
    padding: 7px 0;
  }
}