/* Keeps the mobile drawer anchored to the full viewport, including the app header. */
@media (max-width: 760px) {
  .main-nav.mobile-nav-open {
    position: fixed !important;
    inset: 0 !important;
    top: 0 !important;
    z-index: 1100 !important;
    width: 100vw !important;
    height: 100dvh !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .main-nav.mobile-nav-open > .mobile-menu-backdrop {
    z-index: 1101 !important;
  }

  .main-nav.mobile-nav-open > .mobile-drawer-surface {
    position: fixed !important;
    inset-block: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    z-index: 1102 !important;
  }

  .main-nav.mobile-nav-open > .search-box,
  .main-nav.mobile-nav-open > .mobile-menu-button {
    visibility: hidden !important;
    pointer-events: none !important;
  }
}