@layer tokens,base,components;@layer page{:root{--chapter-nav-link-h:40px;--chapter-nav-ol-padding:6px;--chapter-nav-ol-border:1px;--nav-h:calc(var(--chapter-nav-link-h) + 2 * var(--chapter-nav-ol-padding) + 2 * var(--chapter-nav-ol-border));--chapter-offset:calc(var(--header-h) + var(--nav-h))}.chapter-nav{top:var(--header-h);z-index:20;margin-top:calc(-1 * var(--space-m));position:sticky}.chapter-nav ol{width:fit-content;max-width:100%;padding:var(--chapter-nav-ol-padding);border:var(--chapter-nav-ol-border) solid var(--glass-line);border-radius:var(--radius-l);background:var(--glass);backdrop-filter:blur(14px);flex-wrap:wrap;gap:6px;margin:0 auto;list-style:none;display:flex}.chapter-nav a{min-height:var(--chapter-nav-link-h);border-radius:var(--radius-pill);color:var(--text);align-items:center;padding:0 16px;font-weight:650;text-decoration:none;display:inline-flex}.chapter-nav a[aria-current]{background:var(--text);color:var(--bg)}.chapter{scroll-margin-top:var(--chapter-offset)}@media (width<=600px){.chapter-nav ol{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;width:100%;overflow-x:auto}.chapter-nav li{scroll-snap-align:start;flex:none}.chapter-nav a{white-space:nowrap}.chapter-nav.is-scrollable ol{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}}}