/* Overlay mobile navigation; expanding it never changes header height. */
@media (max-width: 1199.98px) {
  .site-header .navbar { position: relative; flex-wrap: nowrap; }
  .site-header #mainNav {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1030;
    max-height: calc(100vh - var(--navigation-bottom, 100px));
    max-height: calc(100dvh - var(--navigation-bottom, 100px));
    overflow-y: auto;
    overscroll-behavior: contain;
    background: #fff;
    border-top: 1px solid #e4ebf2;
    border-radius: 0 0 12px 12px;
    box-shadow: 0 18px 35px #09244029;
  }
  .site-header #mainNav.collapsing { overflow: hidden; }
  .site-header #mainNav .navbar-nav { padding: 10px 20px 20px; }
  .site-header #mainNav .nav-link { padding: 13px 10px!important; border-bottom: 1px solid #eff3f7; }
  .site-header #mainNav .nav-link:hover { background: #f4f7fa; }
  .site-header #mainNav .nav-item:last-child { padding-top: 16px; }
  .site-header #mainNav .nav-item:last-child .btn { width: 100%; display: flex; align-items: center; justify-content: space-between; }
  .site-header .navbar-toggler { padding: 7px 9px; border: 1px solid #b9c6d2; border-radius: 6px; flex-shrink: 0; }
  .site-header .navbar-toggler:focus { box-shadow: 0 0 0 3px #09244015; }
}