/* Section Navigation
 * Canonical in-context navigation for moving between primary sections of one
 * persistent entity or product context (Book, Bookshelf, Reading Insights, etc.).
 * Use real navigation links when each section has its own URL/content view.
 */
.rs-section-nav{
  --rs-section-nav-indicator:var(--rs-info);
  position:relative;
  width:100%;
  border-bottom:1px solid var(--rs-border-subtle);
}
.rs-section-nav__scroll{
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:thin;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
}
.rs-section-nav__list{
  display:flex;
  align-items:stretch;
  gap:var(--rs-space-5);
  width:max-content;
  min-width:100%;
  margin:0;
  padding:0;
  list-style:none;
}
.rs-section-nav__item{display:flex;margin:0;padding:0}
.rs-section-nav__link{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:var(--rs-space-2);
  min-height:58px;
  padding:0;
  border:0;
  color:var(--rs-text-secondary);
  background:transparent;
  font:inherit;
  font-size:var(--rs-text-sm);
  font-weight:var(--rs-weight-semibold);
  line-height:var(--rs-line-tight);
  text-decoration:none;
  white-space:nowrap;
  cursor:pointer;
  transition:color 150ms ease;
}
.rs-section-nav__link:hover{color:var(--rs-text-primary);text-decoration:none}
.rs-section-nav__link[aria-current="page"]:hover,
.rs-section-nav__link[aria-selected="true"]:hover,
.rs-section-nav__link.is-active:hover{color:var(--rs-text-primary)}
.rs-section-nav__link[aria-current="page"],
.rs-section-nav__link[aria-selected="true"],
.rs-section-nav__link.is-active{color:var(--rs-text-primary)}
.rs-section-nav__link[aria-current="page"]::after,
.rs-section-nav__link[aria-selected="true"]::after,
.rs-section-nav__link.is-active::after{
  content:"";
  position:absolute;
  right:0;
  bottom:-1px;
  left:0;
  height:2px;
  border-radius:var(--rs-radius-pill) var(--rs-radius-pill) 0 0;
  background:var(--rs-section-nav-indicator);
}
.rs-section-nav__link:focus-visible{
  z-index:1;
  outline:2px solid var(--rs-border-focus);
  outline-offset:4px;
  border-radius:var(--rs-radius-sm);
}
.rs-section-nav__link[aria-disabled="true"]{color:var(--rs-text-muted);cursor:not-allowed;opacity:.55}
.rs-section-nav__count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:1.75rem;
  height:1.75rem;
  padding:0 .5rem;
  border:1px solid var(--rs-border-default);
  border-radius:var(--rs-radius-pill);
  color:var(--rs-text-secondary);
  background:var(--rs-surface-2);
  font-size:var(--rs-text-xs);
  font-weight:var(--rs-weight-semibold);
  line-height:1;
}
.rs-section-nav__link[aria-current="page"] .rs-section-nav__count,
.rs-section-nav__link[aria-selected="true"] .rs-section-nav__count,
.rs-section-nav__link.is-active .rs-section-nav__count{color:var(--rs-text-primary);border-color:var(--rs-border-strong)}
@media(max-width:640px){
  .rs-section-nav__list{gap:var(--rs-space-5)}
  .rs-section-nav__link{min-height:52px}
}
@media(pointer:coarse){.rs-section-nav__link{min-height:var(--rs-touch-target)}}

@media(prefers-reduced-motion:reduce){.rs-section-nav__link{transition:none}}