.chapter-navigation{--chapter-progress:0;z-index:35;color:#817a6c;flex-direction:column;align-items:center;gap:25px;transition:opacity .2s,visibility .2s;display:none;position:fixed;top:50%;right:clamp(10px,1.3vw,24px);transform:translateY(-50%)}.chapter-navigation-track{width:24px;height:clamp(150px,calc(var(--chapter-count)*32px),min(440px,60vh));position:relative}.chapter-navigation-track:before{content:"";background:#b9af9c66;width:1px;position:absolute;top:0;bottom:0;left:12px}.chapter-navigation a{left:0;top:calc(var(--chapter-at)*100%);width:24px;height:26px;color:inherit;outline-offset:3px;place-items:center;text-decoration:none;display:grid;position:absolute;transform:translateY(-50%)}.chapter-navigation a:before{content:"";background:#a79d898c;width:8px;height:1px;transition:width .25s,background .25s}.chapter-navigation a[aria-current]:before,.chapter-navigation a:hover:before{background:#c14025;width:15px}.chapter-navigation a:focus-visible:before{background:#c14025;width:15px}.chapter-navigation a span{white-space:nowrap;letter-spacing:.06em;color:#33332b;opacity:0;pointer-events:none;background:#f5f2e9f5;border:1px solid #c9c1b566;padding:6px 9px;font-size:10px;line-height:1.4;transition:opacity .2s,transform .2s;position:absolute;right:32px;transform:translate(3px)}:is(.chapter-navigation a:hover span,.chapter-navigation a:focus-visible span){opacity:1;transform:none}.chapter-navigation a:focus-visible{outline:1px solid #8b705a}.chapter-navigation-position{left:9px;top:calc(var(--chapter-progress)*100%);pointer-events:none;background:#c14025;width:7px;height:7px;position:absolute;transform:translateY(-50%)rotate(45deg)}.chapter-navigation output{letter-spacing:.09em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:9px}.chapter-navigation[data-surface=accent]{color:#f5f2e9}.chapter-navigation[data-surface=accent] a:before{background:#f5f2e980}.chapter-navigation[data-surface=accent] a[aria-current]:before{background:#f5f2e9}.chapter-navigation[data-surface=accent] .chapter-navigation-position{outline:1.5px solid #f5f2e9}.chapter-navigation[data-surface=accent] .chapter-navigation-track:before{background:#f5f2e959}@media (min-width:1024px) and (pointer:fine){.chapter-navigation{display:flex}html:has(main>section~section){scrollbar-width:none;scrollbar-gutter:auto}html:has(main>section~section)::-webkit-scrollbar{width:0;height:0;display:none}}html[data-vista-arrival] .chapter-navigation{opacity:0;visibility:hidden;pointer-events:none}body:has(.vista-transition,.astura-assist-panel[open],.brief-dialog[open],.astura-brief-dialog[open],#project-brief[open]) .chapter-navigation{opacity:0;visibility:hidden;pointer-events:none}@media (max-width:1199px){.chapter-navigation{gap:18px;right:5px}.chapter-navigation-track{width:20px}.chapter-navigation output{font-size:8px}}@media (prefers-reduced-motion:reduce){.chapter-navigation,.chapter-navigation *{transition:none!important}}@media (forced-colors:active){.chapter-navigation{display:none}html:has(main>section~section){scrollbar-width:auto}html:has(main>section~section)::-webkit-scrollbar{display:initial;width:auto}}
