/* iPad / tablet Sections drawer.
   The live rail is position:fixed and translated. A transformed box often
   will not scroll on iPad, so the list inside the rail is the scrollport.
   Landscape iPad (about 1024×768) must reach every item under Education,
   including Strategy Builder and Family Monthly Statements. */

@media (max-width: 1366px) {
  aside.rail,
  body.av-tablet aside.rail,
  body.av-nav-open aside.rail,
  body.av-ios-session-left aside.rail {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    max-height: 100dvh !important;
    max-height: 100vh !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
    overscroll-behavior: contain !important;
  }

  aside.rail > nav,
  aside.rail > .nav,
  aside.rail nav.nav,
  body.av-nav-open aside.rail nav.nav,
  body.av-tablet aside.rail nav.nav {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    max-height: calc(100dvh - 28px) !important;
    max-height: calc(100vh - 28px) !important;
    min-height: 0 !important;
    flex: 1 1 auto !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
    overscroll-behavior: contain !important;
  }
}

@media (max-width: 1366px) and (orientation: landscape) {
  aside.rail nav.nav {
    max-height: calc(100dvh - 24px) !important;
    max-height: calc(100vh - 24px) !important;
  }
}