/* BFF course mobile sidebar repair — 2026-10-17.
   Scoped to course-specific navigation; leaves the shared BFF sidebar alone.
   Layout desktop is unchanged. */
.bff-course-nav-toggle { display:none; }
@media screen and (max-width:900px) {
  main.page-layout.bff-course-nav-layout {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-areas:"sidebar" "content" !important;
    grid-template-rows:auto auto !important;
    align-content:start !important;
    gap:0.45rem !important;
  }
  main.page-layout.bff-course-nav-layout > aside.series-nav.bff-course-nav-ready {
    grid-area:sidebar !important;
    display:block !important;
    box-sizing:border-box !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 .85rem !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    align-self:start !important;
  }
  main.page-layout.bff-course-nav-layout > article.content {
    grid-area:content !important;
    min-width:0 !important;
    margin-top:0 !important;
  }
  main.page-layout > aside.bff-course-nav-ready > .bff-course-nav-toggle {
    display:flex !important;
    align-items:center;
    justify-content:space-between;
    gap:.75rem;
    width:100%;
    box-sizing:border-box;
    padding:.65rem .85rem;
    margin:0;
    border:1px solid #c4cfda;
    border-radius:10px;
    background:#f6f9fd;
    color:#173f6b;
    font:700 .95rem/1.3 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    text-align:left;
    cursor:pointer;
  }
  main.page-layout > aside.bff-course-nav-ready > .bff-course-nav-toggle:focus-visible {
    outline:3px solid #a66b08;
    outline-offset:2px;
  }
  main.page-layout > aside.bff-course-nav-ready[data-bff-mobile-nav-open="false"] > :not(.bff-course-nav-toggle) {
    display:none !important;
  }
  main.page-layout > aside.bff-course-nav-ready[data-bff-mobile-nav-open="true"] {
    padding-bottom:.5rem !important;
  }
  main.page-layout > aside.bff-course-nav-ready[data-bff-mobile-nav-open="true"] > :not(.bff-course-nav-toggle) {
    display:revert !important;
  }
  main.page-layout > aside.bff-course-nav-ready[data-bff-mobile-nav-open="true"] > .bff-course-nav-toggle {
    margin-bottom:.75rem;
  }
  main.page-layout > aside.bff-course-nav-ready[data-bff-mobile-nav-open="true"] > :is(h2,h3,p,ol,ul,details,nav,div) {
    max-width:100%;
  }
}
@media print { .bff-course-nav-toggle {display:none!important} }


/* 2026-10-17 v2 — compact expanded menu, high-contrast readable links.
   Prevent long Unity/OA navigation from pushing lesson content far down.
   The menu scrolls in its own pane; the toggle remains visible as it scrolls.
   This behavior does not depend on a learner being enrolled. */
@media screen and (max-width:900px) {
  main.page-layout.bff-course-nav-layout > aside.series-nav.bff-course-nav-ready[data-bff-mobile-nav-open="true"] {
    box-sizing:border-box !important;
    max-height:210px !important;
    max-height:min(28dvh,210px) !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    padding:0 .85rem .4rem !important;
    background:#f1f6fb !important;
    color:#173f6b !important;
    border:1px solid #c3d2e1 !important;
    border-radius:12px !important;
    box-shadow:0 2px 7px rgba(20,50,85,.09) !important;
  }
  main.page-layout.bff-course-nav-layout > aside.series-nav.bff-course-nav-ready[data-bff-mobile-nav-open="true"] > .bff-course-nav-toggle {
    position:sticky !important;
    top:0;
    z-index:3;
    margin:0 -.85rem .25rem !important;
    width:calc(100% + 1.7rem) !important;
    border:0 !important;
    border-bottom:1px solid #b9ccde !important;
    border-radius:10px 10px 0 0 !important;
    color:#123d69 !important;
    background:#e8f1fa !important;
    padding:.6rem .85rem !important;
  }
  main.page-layout.bff-course-nav-layout > aside.series-nav.bff-course-nav-ready[data-bff-mobile-nav-open="true"] > :not(.bff-course-nav-toggle),
  main.page-layout.bff-course-nav-layout > aside.series-nav.bff-course-nav-ready[data-bff-mobile-nav-open="true"] > :not(.bff-course-nav-toggle) * {
    color:#173f6b !important;
    text-shadow:none !important;
  }
  main.page-layout.bff-course-nav-layout > aside.series-nav.bff-course-nav-ready[data-bff-mobile-nav-open="true"] a,
  main.page-layout.bff-course-nav-layout > aside.series-nav.bff-course-nav-ready[data-bff-mobile-nav-open="true"] a:visited {
    color:#154d83 !important;
    text-decoration:underline;
    text-underline-offset:2px;
  }
  main.page-layout.bff-course-nav-layout > aside.series-nav.bff-course-nav-ready[data-bff-mobile-nav-open="true"] a.current,
  main.page-layout.bff-course-nav-layout > aside.series-nav.bff-course-nav-ready[data-bff-mobile-nav-open="true"] a[aria-current="page"] {
    color:#7a4900 !important;
    font-weight:800 !important;
  }
  main.page-layout.bff-course-nav-layout > aside.series-nav.bff-course-nav-ready[data-bff-mobile-nav-open="true"] > :is(h2,h3) {
    font-size:1.02rem !important;
    line-height:1.3 !important;
    margin:.32rem 0 .2rem !important;
  }
  main.page-layout.bff-course-nav-layout > aside.series-nav.bff-course-nav-ready[data-bff-mobile-nav-open="true"] > p {
    margin:.25rem 0 .5rem !important;
    line-height:1.4 !important;
  }
  main.page-layout.bff-course-nav-layout > aside.series-nav.bff-course-nav-ready[data-bff-mobile-nav-open="true"] > details {
    margin:.15rem 0 !important;
    line-height:1.4 !important;
  }
  main.page-layout.bff-course-nav-layout > aside.series-nav.bff-course-nav-ready[data-bff-mobile-nav-open="true"] summary {
    color:#173f6b !important;
    padding:.32rem .1rem !important;
    cursor:pointer;
  }
  main.page-layout.bff-course-nav-layout > aside.series-nav.bff-course-nav-ready[data-bff-mobile-nav-open="true"] ol,
  main.page-layout.bff-course-nav-layout > aside.series-nav.bff-course-nav-ready[data-bff-mobile-nav-open="true"] ul {
    margin:.1rem 0 .4rem 1.2rem !important;
    padding-left:.65rem !important;
  }
  main.page-layout.bff-course-nav-layout > aside.series-nav.bff-course-nav-ready[data-bff-mobile-nav-open="true"] li {
    margin:.24rem 0 !important;
    line-height:1.35 !important;
  }
}