/* NotebookLM Guide RC14.19 — Multi-AI single-column navigation repair.
   Loaded after navigation-rc14.3-left.css. Desktop uses one readable column;
   mobile remains a full-width accordion with touch-safe rows. */

@media (min-width:821px){
  nav.nlm-global-nav [data-nlm-menu="multiai"] > .nlm-dropdown{
    left:auto!important;
    right:0!important;
    display:none!important;
    width:min(410px,calc(100vw - 24px))!important;
    min-width:0!important;
    max-width:calc(100vw - 24px)!important;
    max-height:min(76vh,640px)!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    padding:6px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    scrollbar-width:thin!important;
  }
  nav.nlm-global-nav [data-nlm-menu="multiai"].is-open > .nlm-dropdown{
    display:block!important;
  }
  nav.nlm-global-nav [data-nlm-menu="multiai"] > .nlm-dropdown > a{
    min-height:46px!important;
    padding:11px 13px!important;
    gap:12px!important;
    font-size:.66rem!important;
    line-height:1.4!important;
  }
  nav.nlm-global-nav [data-nlm-menu="multiai"] > .nlm-dropdown > a > span:first-child{
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
}

/* Tablet and phone: keep the established accordion behavior, but make the
   Multi-AI section especially legible and touch-friendly. */
@media (max-width:820px){
  nav.nlm-global-nav [data-nlm-menu="multiai"] > .nlm-dropdown{
    position:static!important;
    display:none!important;
    width:100%!important;
    max-width:none!important;
    max-height:none!important;
    grid-template-columns:1fr!important;
    overflow:visible!important;
    padding:0!important;
  }
  nav.nlm-global-nav [data-nlm-menu="multiai"].is-open > .nlm-dropdown{
    display:block!important;
  }
  nav.nlm-global-nav [data-nlm-menu="multiai"] > .nlm-dropdown > a{
    min-height:48px!important;
    padding:11px 18px 11px 32px!important;
    gap:10px!important;
    font-size:.68rem!important;
    line-height:1.45!important;
  }
}

@media (max-width:520px){
  nav.nlm-global-nav [data-nlm-menu="multiai"] > .nlm-dropdown > a{
    grid-template-columns:minmax(0,1fr) auto!important;
    padding-left:24px!important;
    padding-right:14px!important;
    gap:8px!important;
  }
  nav.nlm-global-nav [data-nlm-menu="multiai"] .nlm-badge{
    font-size:.46rem!important;
    padding:2px 5px!important;
  }
}