/* nav_framework_v2.css
 * Purpose: ensure nav drawer baseline styles load even when inline <style> in _nav_lrq_framework.html
 * is not parsed reliably by some mobile browsers/WebViews.
 * Scope: ONLY nav.lrq-nav-v2 and key body state classes.
 */

:root{
  --lrq-ink: rgba(17,24,39,.92);
  --lrq-muted: rgba(17,24,39,.60);
  --lrq-line: rgba(17,24,39,.10);
  --lrq-bg0: rgba(246,248,251,.94);
  --lrq-bg1: rgba(238,242,247,.84);
}

/* baseline reset inside nav */
nav.lrq-nav-v2, nav.lrq-nav-v2 *{ box-sizing:border-box; }
nav.lrq-nav-v2 ul, nav.lrq-nav-v2 ol{ list-style:none !important; margin:0 !important; padding:0 !important; }
nav.lrq-nav-v2 li{ list-style:none !important; margin:0 !important; padding:0 !important; }
nav.lrq-nav-v2 li::marker{ content:""; }
nav.lrq-nav-v2 a{ text-decoration:none !important; color:var(--lrq-ink) !important; }

/* default hidden until mounted */
nav.lrq-nav-v2{ display:none; }
body.lrq-nav-mounted nav.lrq-nav-v2{ display:block; }

/* mobile drawer baseline */
@media (max-width: 980px){
  nav.lrq-nav-v2{
    position:fixed;
    left:0; top:0; bottom:0;
    width:92vw; max-width:420px;
    overflow:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    background:
      radial-gradient(720px 520px at 22% 0%, rgba(90,140,255,.10), rgba(246,248,251,0) 62%),
      linear-gradient(180deg, var(--lrq-bg0), var(--lrq-bg1));
    border-right:1px solid rgba(12,22,40,.08);
    transform: translateX(-102%);
    transition: transform .18s ease;
    z-index:60;
    padding-top:12px;
    box-shadow: 0 24px 70px rgba(12,22,40,.22);
  }
  body.lrq-nav-open nav.lrq-nav-v2{ transform: translateX(0); }

  body.lrq-nav-open{ overflow:hidden; touch-action:none; }
  body.lrq-nav-open .container{ pointer-events:none; overflow:hidden; }
}