/* Linked chapter markers and the moving active indicator, without a shell. */
.chapter-nav{
 position:fixed;z-index:12;left:24px;top:50%;width:46px;
 height:min(348px,calc(100svh - 180px));transform:translateY(-50%);
 display:block;gap:0;overflow:visible;isolation:isolate;
}
.chapter-nav::before,.chapter-nav::after{content:none}
.chapter-window{position:absolute;inset:22px 0;scrollbar-width:none;overscroll-behavior:contain}
.chapter-window::-webkit-scrollbar{display:none}
.chapter-content{position:relative;height:100%;min-height:100%}
.chapter-track{position:absolute;left:22px;top:22px;bottom:22px;width:1px;background:#a6bcdf30;pointer-events:none}
.chapter-track::before,.chapter-track::after{content:none}
.chapter-progress{position:absolute;inset:0;width:1px;background:linear-gradient(#8292ff70,#a4c3ff);transform:scaleY(0);transform-origin:top;box-shadow:0 0 7px #7e9fff65;will-change:transform}
.chapter-carriage{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;will-change:transform}
.chapter-nav.is-ready .chapter-carriage{opacity:1}
.chapter-indicator{
 position:absolute;left:-14px;top:-17px;width:29px;height:35px;border:1px solid #a7c6ff85;border-radius:11px;
 background:linear-gradient(145deg,#b0caff22,#718bff0b 58%,#9cc3ff15);
 box-shadow:inset 0 0 12px #93b3ff0c,0 0 18px #6e95ff18;
}
.chapter-indicator::before,.chapter-indicator::after{content:'';position:absolute;left:9px;right:9px;height:1px;background:#d8e8ff;box-shadow:0 0 8px #a9c9ff}
.chapter-indicator::before{top:-1px}.chapter-indicator::after{bottom:-1px}
.chapter-stops{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between}
.chapter-nav a{
 position:relative;display:flex;flex:none;align-items:center;gap:0;width:46px;height:var(--chapter-hit-height,44px);padding:0;
 color:#a7b4cc;font:600 11px/1.3 Manrope,Arial,sans-serif;letter-spacing:.01em;
}
.chapter-nav i{
 position:absolute;left:19px;top:calc(50% - 3px);width:7px;height:7px;transform:rotate(45deg);
 border:1px solid #a3b5d080;border-radius:2px;background:#0c111d;
 box-shadow:none;outline:none;outline-offset:0;pointer-events:none;
 transition:transform .38s cubic-bezier(.22,1,.36,1),border-color .3s,background .3s,box-shadow .3s;
}
.chapter-nav a.is-past i{background:#8daaff70;border-color:#adc8ff99}
.chapter-nav a.active{color:#ecf3ff}
.chapter-nav a.active i{border:1px solid #e1edff;background:#d5e5ff;box-shadow:0 0 11px #9bbbff9c;outline:none;outline-offset:0;transform:rotate(45deg) scale(1.08)}
.chapter-nav a:hover i,.chapter-nav a:focus-visible i{border-color:#edf5ff;background:#c3d9ff;transform:rotate(135deg) scale(1.12)}
.chapter-label{
 position:absolute;left:60px;top:50%;padding:10px 14px;border:1px solid #a5c1ff36;border-radius:8px;
 background:linear-gradient(115deg,#142035f2,#0b101df5);color:#e2ecff;
 box-shadow:0 8px 24px #0004;white-space:nowrap;pointer-events:none;
 opacity:0;visibility:hidden;transform:translate3d(-7px,-50%,0);
 transition:opacity .24s ease,transform .36s cubic-bezier(.22,1,.36,1),visibility .24s;
}
.chapter-label::before{content:'';position:absolute;right:100%;top:50%;width:15px;height:1px;background:linear-gradient(90deg,#a7c9ff20,#a7c9ff80)}
.chapter-nav a:hover .chapter-label,.chapter-nav a:focus-visible .chapter-label{opacity:1;visibility:visible;transform:translate3d(0,-50%,0)}
.chapter-nav a:focus-visible{outline:1px solid #c0d8ff;outline-offset:-5px;border-radius:11px}
@media(min-width:701px) and (max-width:1050px){.chapter-nav{left:13px;width:42px}.chapter-nav a{width:42px}.chapter-track{left:20px}.chapter-nav i{left:17px}.chapter-label{left:54px}}
@media(max-width:700px){.chapter-nav{display:none}}
@media(prefers-reduced-motion:reduce){.chapter-carriage,.chapter-progress{will-change:auto}.chapter-nav i,.chapter-label,.chapter-nav::before{transition:none}}
