/* Mobile navigation shared by every public page. */
@media (max-width: 960px) {
  .main-nav {
    position: absolute;
    inset: auto 0 auto;
    top: 100%;
    height: calc(100vh - 92px);
    height: calc(100dvh - 92px);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 2rem max(2rem, calc((100vw - 1180px) / 2));
    background: #f5f7fb;
    box-shadow: 0 18px 30px rgba(23, 34, 56, .12);
  }
}

@media (max-width: 640px) {
  .main-nav {
    inset: auto 0 auto;
    top: 100%;
    height: calc(100vh - 76px);
    height: calc(100dvh - 76px);
    padding: 1.75rem 1.4rem;
  }
}