.chapter-nav{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:35;display:flex;flex-direction:column;gap:6px;padding:9px 6px;border:1px solid #bfd0e229;border-radius:24px;background:#101b2bcc;box-shadow:0 6px 24px #0002;backdrop-filter:blur(10px)}
.chapter-nav[hidden]{display:none}
.chapter-current-label{display:none}
.chapter-nav a{position:relative;display:grid;place-items:center;width:30px;height:36px;border-radius:20px;text-decoration:none;color:#bdcce0;outline-offset:3px}
.chapter-nav a:before{content:'';z-index:1;width:7px;height:7px;border-radius:50%;background:#70839c;border:2px solid #172235;box-sizing:content-box;transition:background .18s,box-shadow .18s}
.chapter-nav a[aria-current=location]:before{background:#f5c695;box-shadow:0 0 0 3px #f5c69524}
.chapter-nav a:hover:before,.chapter-nav a:focus-visible:before{background:#ffe0b5}
.chapter-nav a:focus-visible{outline:2px solid #f5c695}
.chapter-nav a span{position:absolute;right:43px;top:50%;transform:translateY(-50%);padding:6px 11px;border:1px solid #a7bdd32b;border-radius:8px;background:#152133ed;color:#edf3fb;font-size:13px;line-height:1.2;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s}
.chapter-nav a[aria-current=location] span,.chapter-nav a:hover span,.chapter-nav a:focus-visible span{opacity:1}
.chapter-progress{position:absolute;left:50%;top:27px;bottom:27px;width:2px;transform:translateX(-50%);background:#62738b66;overflow:hidden;border-radius:2px;pointer-events:none}
.chapter-progress span{display:block;width:100%;height:100%;background:#f5c695;transform:scaleY(var(--page-progress,0));transform-origin:top}
body:has(dialog[open]) .chapter-nav,body:has(#navigation.open) .chapter-nav{visibility:hidden}
@media(max-width:1100px){.chapter-nav{right:5px;padding:7px 2px;gap:4px}.chapter-nav a{width:24px;height:32px}.chapter-progress{top:23px;bottom:23px}.chapter-nav a span{right:34px}.chapter-nav a[aria-current=location] span{opacity:0}.chapter-nav a:hover span,.chapter-nav a:focus-visible span{opacity:1}}
@media(prefers-reduced-motion:reduce){.chapter-nav a:before,.chapter-nav a span{transition:none}}
@media(max-width:1100px){.chapter-current-label{display:block;position:absolute;top:calc(100% + 8px);right:0;padding:5px 8px;border:1px solid #a7bdd32b;border-radius:7px;background:#152133ed;color:#e2ccac;font-size:12px;line-height:1.2;white-space:nowrap;pointer-events:none}}