/* Keep mobile navigation rows at their intended height when the tools panel expands. */
@media (max-width: 900px) {
  .site-header .main-nav.open {
    justify-content: flex-start !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

  .site-header .main-nav.open > a,
  .site-header .main-nav.open > .course-nav,
  .site-header .main-nav.open > .tool-nav {
    flex: 0 0 auto !important;
    min-height: 48px;
  }

  .site-header .main-nav.open > .course-nav,
  .site-header .main-nav.open > .tool-nav {
    height: auto !important;
  }

  .site-header .main-nav.open > a,
  .site-header .main-nav.open > .tool-nav > button {
    flex: 0 0 48px !important;
    min-height: 48px !important;
  }

  .site-header .main-nav.open .tool-panel {
    flex: none !important;
  }
}