/* v4: desktop-only surgical corrections.
   Keep the approved liquid navigation geometry/paint intact; only fit its width
   to the menu on desktop. Match end gaps to the vertical rail inset and improve
   reading-progress contrast in both themes. */
@media (min-width:1024px){
  .nav-shell,
  html[data-theme="light"] .nav-shell,
  html[data-theme="dark"] .nav-shell{
    display:block!important;
    width:100%!important;
    padding:calc(.56rem + var(--safe-top)) .82rem .6rem!important;
    overflow:visible!important;
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }

  .nav-shell .nav-glass,
  html[data-theme="light"] .nav-shell .nav-glass,
  html[data-theme="dark"] .nav-shell .nav-glass{
    width:max-content!important;
    max-width:calc(100vw - 1.64rem)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:0!important;
    overflow:visible!important;
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  .nav-shell .nav-glass::before,
  .nav-shell .nav-glass::after{
    content:none!important;
    display:none!important;
  }

  /* Keep the original .34rem vertical breathing room. On desktop the same
     physical inset is now used at both ends, so the first/last active chip has
     the same rail clearance on all four sides. */
  .nav-shell .nav-scroll,
  html[data-theme="light"] .nav-shell .nav-scroll,
  html[data-theme="dark"] .nav-shell .nav-scroll{
    position:relative!important;
    isolation:isolate!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:.54rem!important;
    width:max-content!important;
    max-width:calc(100vw - 1.64rem)!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:.34rem!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-x:auto!important;
    scroll-behavior:auto!important;
    scroll-snap-type:none!important;
    touch-action:pan-x pan-y!important;
    pointer-events:auto!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
    border:1px solid transparent!important;
    border-radius:999px!important;
    background:
      linear-gradient(90deg,
        rgba(64,129,239,.24) 0%,
        rgba(64,129,239,.16) var(--v32-progress,0%),
        rgba(255,255,255,0) var(--v32-progress,0%),
        rgba(255,255,255,0) 100%) padding-box,
      linear-gradient(180deg,rgba(255,255,255,.43),rgba(236,241,248,.24)) padding-box,
      linear-gradient(125deg,
        rgba(255,255,255,.88) 0%,
        rgba(255,255,255,.27) 25%,
        rgba(165,190,225,.14) 49%,
        rgba(255,255,255,.62) 76%,
        rgba(255,255,255,.20) 100%) border-box!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.46),
      inset 0 -1px 0 rgba(82,104,137,.045),
      0 7px 22px rgba(35,52,82,.075)!important;
    -webkit-backdrop-filter:blur(22px) saturate(138%)!important;
    backdrop-filter:blur(22px) saturate(138%)!important;
  }
  html[data-theme="dark"] .nav-shell .nav-scroll{
    background:
      linear-gradient(90deg,
        rgba(73,145,255,.38) 0%,
        rgba(73,145,255,.24) var(--v32-progress,0%),
        transparent var(--v32-progress,0%),
        transparent 100%) padding-box,
      linear-gradient(180deg,rgba(59,71,91,.54),rgba(22,27,35,.56)) padding-box,
      linear-gradient(125deg,
        rgba(255,255,255,.20),
        rgba(255,255,255,.055) 30%,
        rgba(92,135,196,.065) 56%,
        rgba(255,255,255,.13) 78%,
        rgba(255,255,255,.035)) border-box!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.075),
      inset 0 -1px 0 rgba(0,0,0,.17),
      0 7px 20px rgba(0,0,0,.14)!important;
    -webkit-backdrop-filter:blur(24px) saturate(132%)!important;
    backdrop-filter:blur(24px) saturate(132%)!important;
  }
  .nav-shell .nav-scroll::before,
  .nav-shell .nav-scroll::after{
    content:none!important;
    display:none!important;
  }
  .nav-shell .nav-scroll::-webkit-scrollbar{display:none!important}

  .nav-shell .nav-scroll .nav-chip{
    position:relative!important;
    z-index:8!important;
    flex:0 0 auto!important;
    min-width:max-content!important;
    width:auto!important;
    height:auto!important;
    min-height:2.72rem!important;
    margin:0!important;
    padding:0 1rem!important;
    border-radius:var(--pill)!important;
    font-size:15px!important;
    font-weight:650!important;
    white-space:nowrap!important;
    touch-action:pan-x pan-y!important;
    pointer-events:auto!important;
  }

  .nav-shell .nav-scroll .nav-v33-indicator{
    z-index:6!important;
    overflow:visible!important;
    pointer-events:none!important;
  }
  .nav-shell .nav-scroll .nav-v33-indicator>.v37-liquid-skin{
    overflow:visible!important;
  }

  .nav-shell .read-progress{
    display:block!important;
    height:0!important;
    margin:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }
  .nav-shell .read-progress__bar{
    opacity:0!important;
  }
  .nav-shell .nav-progress-liquid{
    display:none!important;
  }

  .desktop-rail-window::before,
  .desktop-rail-window.is-scrolled-x::before{
    content:none!important;
    display:none!important;
    opacity:0!important;
    width:0!important;
    background:transparent!important;
  }
}