/* Canonical chapter-aware progress wash for the top navigation.
   The visible fill is a child of the native x-scroller so it moves with the
   chips on mobile and desktop. The older absolute-page gradient is neutralized. */

.nav-scroll{
  --v32-progress:0%!important;
  --chapter-progress-cap-inset:.34rem;
}

.nav-scroll > .nav-chapter-progress{
  position:absolute!important;
  /* script-9 owns the measured left coordinate. */
  left:0;
  top:0!important;
  bottom:0!important;
  display:block!important;
  width:0;
  min-width:0!important;
  height:auto!important;
  margin:0 0 0 calc(var(--chapter-progress-cap-inset) * -1)!important;
  padding:0 0 0 var(--chapter-progress-cap-inset)!important;
  box-sizing:content-box!important;
  border:0!important;
  border-radius:999px!important;
  outline:0!important;
  overflow:hidden!important;
  clip-path:inset(0 round 999px)!important;
  background:linear-gradient(90deg,rgba(64,129,239,.24),rgba(64,129,239,.16))!important;
  box-shadow:none!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none!important;
  z-index:0!important;
  transform:none!important;
  transition:none!important;
  will-change:left,width;
}

html[data-theme="dark"] .nav-scroll > .nav-chapter-progress{
  background:linear-gradient(90deg,rgba(73,145,255,.38),rgba(73,145,255,.24))!important;
}

/* The progress wash must stay below the moving liquid chip and labels. */
.nav-scroll > .nav-v33-indicator{z-index:6!important}
.nav-scroll > .nav-chip{z-index:8!important}

/* The old mobile rail kept 26–28px of overshoot runway at the left edge. That
   runway is no longer needed by the current controller and made the completed
   Start state look under-filled. Use the same inset on all four sides: the
   first chip begins one vertical breathing gap from the rail edge and the
   progress cap extends exactly through that gap. */
@media (max-width:1023px){
  .nav-scroll{
    padding-left:.34rem!important;
    padding-right:.34rem!important;
  }
}

@media (min-width:1024px){
  .nav-shell .nav-scroll > .nav-v33-indicator{z-index:30!important}
  .nav-shell .nav-scroll > .nav-chip{z-index:40!important}
}
