/**
 * Evident ICU Docs Mobile Foundation
 *
 * Purpose:
 * On narrow screens, docs navigation must not consume the top of the viewport
 * as a sticky block. Mobile users need content first, navigation second.
 */

@media (max-width: 860px) {
  .docs-shell,
  .docs-layout,
  .docs-page,
  .docs-main {
    display: block;
  }

  .docs-sidebar,
  .docs-aside,
  .docs-toc,
  .docs-nav,
  [data-docs-sidebar],
  [aria-label="Docs navigation"],
  [aria-label="Documentation navigation"] {
    position: static !important;
    top: auto !important;
    align-self: auto !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    margin-block: 0 1rem;
  }

  .docs-sidebar nav,
  .docs-aside nav,
  .docs-toc nav,
  .docs-nav nav {
    max-height: 14rem;
    overflow: auto;
    overscroll-behavior: contain;
    border-radius: 1rem;
  }
}

@media (max-width: 640px) {
  .docs-sidebar,
  .docs-aside,
  .docs-toc,
  .docs-nav,
  [data-docs-sidebar] {
    margin-inline: 0;
  }

  .docs-sidebar nav,
  .docs-aside nav,
  .docs-toc nav,
  .docs-nav nav {
    max-height: 11rem;
  }
}