.quick-nav{position:fixed;z-index:40;top:50%;right:14px;width:min(360px,calc(100vw - 22px));transform:translateY(-50%) translateX(calc(100% - 42px));transition:transform .22s ease;will-change:transform}
.quick-nav:hover,.quick-nav.is-open{transform:translateY(-50%) translateX(0)}
.quick-nav-panel{display:flex;max-height:min(78vh,820px);min-height:210px;flex-direction:column;overflow:hidden;border:1px solid #3c4840;border-radius:12px;background:rgba(16,20,18,.98);box-shadow:0 16px 48px rgba(0,0,0,.35);backdrop-filter:blur(14px)}
.quick-nav-handle{position:absolute;top:50%;left:0;display:flex;width:42px;min-height:102px;flex-direction:column;align-items:center;justify-content:center;gap:12px;transform:translateY(-50%);border:1px solid #3c4840;border-right:0;border-radius:10px 0 0 10px;background:#171e19;color:#d8e1d8;cursor:pointer;font:600 15px var(--sans);letter-spacing:.08em}
.quick-nav-handle span{writing-mode:vertical-rl}
.quick-nav-handle b{color:#9bc86b;font:20px var(--sans);transition:transform .2s ease}
.quick-nav:hover .quick-nav-handle b,.quick-nav.is-open .quick-nav-handle b{transform:rotate(180deg)}
.quick-nav-handle:focus-visible,.quick-nav a:focus-visible,.quick-nav-toggle:focus-visible,.quick-nav-lesson-toggle:focus-visible{outline:2px solid #9bc86b;outline-offset:3px}
.quick-nav-heading{display:flex;align-items:baseline;justify-content:space-between;margin-left:42px;padding:22px 22px 15px;border-bottom:1px solid #303a33}
.quick-nav-heading>span{color:#edf2eb;font-size:19px;font-weight:650}
.quick-nav-heading small{color:#839087;font:11px var(--mono);letter-spacing:.12em}
.quick-nav-list{overflow:auto;margin-left:42px;padding:8px 13px 16px 17px;scrollbar-color:#53634f #171d19;scrollbar-width:thin}
.quick-nav-chapter{border-bottom:1px solid rgba(89,103,92,.32)}
.quick-nav-chapter-head{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;min-height:45px;gap:6px}
.quick-nav-chapter-title{display:flex;min-width:0;align-items:center;gap:8px;overflow:hidden;color:#c1cbc2;font-size:14px;font-weight:650;text-decoration:none;white-space:nowrap}
.quick-nav-chapter-title small,.quick-nav-cover-link small,.quick-nav-lesson-head a small{flex:none;width:32px;color:#77857b;font:10px var(--mono);letter-spacing:.02em}
.quick-nav-chapter-title span,.quick-nav-cover-link span,.quick-nav-lesson-head a span{overflow:hidden;text-overflow:ellipsis}
.quick-nav-chapter.is-active>.quick-nav-chapter-head .quick-nav-chapter-title{color:#a9d27e}
.quick-nav-toggle{width:30px;height:30px;border:0;border-radius:6px;background:transparent;color:#95a298;cursor:pointer;font:20px/1 var(--sans)}
.quick-nav-toggle:hover,.quick-nav-lesson-toggle:hover{background:#242d26;color:#e8efe6}
.quick-nav-lessons,.quick-nav-pages{margin:0;list-style:none}
.quick-nav-lessons{display:grid;gap:2px;padding:2px 0 10px 6px}
.quick-nav-lessons[hidden],.quick-nav-pages[hidden]{display:none}
.quick-nav-lesson{min-width:0}
.quick-nav-lesson-head{display:grid;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:2px}
.quick-nav-lesson-toggle{width:23px;height:27px;border:0;border-radius:4px;background:transparent;color:#87968b;cursor:pointer;font:17px/1 var(--sans)}
.quick-nav-lesson-head>a{display:flex;min-width:0;align-items:center;gap:5px;padding:6px 5px;color:#c2ccc3;font-size:12px;font-weight:600;line-height:1.4;text-decoration:none}
.quick-nav-lesson-head>a:hover{color:#eff5ec}
.quick-nav-lesson.is-active>.quick-nav-lesson-head>a{color:#b5d890}
.quick-nav-pages{display:grid;gap:1px;margin:0 0 3px 24px;padding:2px 0 5px 8px;border-left:1px solid #39463c}
.quick-nav-pages a{display:grid;grid-template-columns:32px minmax(0,1fr);gap:4px;padding:5px 7px;color:#aeb9b0;font-size:11px;line-height:1.4;text-decoration:none}
.quick-nav-pages a small{color:#77857b;font:9px/1.8 var(--mono)}
.quick-nav-pages a span{min-width:0}
.quick-nav-pages a:hover{background:rgba(155,200,107,.06);color:#eff5ec}
.quick-nav-pages a[aria-current="location"]{color:#c9e6b0}
.quick-nav-cover-link{display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;margin:5px 11px;padding:10px 6px;border-bottom:1px solid #303a33;color:#c1cbc2;font-size:14px;font-weight:650;text-decoration:none}
.quick-nav-cover-link small{color:#77857b;font:10px/1.8 var(--mono)}
.quick-nav-cover-link span{overflow:hidden;text-overflow:ellipsis}
.quick-nav-cover-link[aria-current="location"]{color:#c9e6b0}
.quick-nav a:focus-visible,.quick-nav-toggle:focus-visible,.quick-nav-lesson-toggle:focus-visible{border-radius:4px}
@media(max-width:760px){.quick-nav{right:7px;width:min(330px,calc(100vw - 12px))}.quick-nav-panel{max-height:76vh}.quick-nav-heading{padding-top:17px}.quick-nav-chapter-title{font-size:13px}.quick-nav-lesson-head>a{font-size:11px}.quick-nav-pages a{font-size:10px}}
@media(hover:none){.quick-nav:not(.is-open){transform:translateY(-50%) translateX(calc(100% - 42px))}}
@media(prefers-reduced-motion:reduce){.quick-nav,.quick-nav-handle b{transition:none}}

html[data-theme="light"] .quick-nav-panel{border-color:#cbd5c9;background:rgba(247,249,245,.98);box-shadow:0 16px 48px rgba(42,55,42,.18)}
html[data-theme="light"] .quick-nav-handle{border-color:#cbd5c9;background:#edf1eb;color:#344237}
html[data-theme="light"] .quick-nav-handle b{color:#52743e}
html[data-theme="light"] .quick-nav-handle:focus-visible,html[data-theme="light"] .quick-nav a:focus-visible,html[data-theme="light"] .quick-nav-toggle:focus-visible,html[data-theme="light"] .quick-nav-lesson-toggle:focus-visible{outline-color:#52743e}
html[data-theme="light"] .quick-nav-heading{border-color:#d8dfd6}
html[data-theme="light"] .quick-nav-heading>span{color:#29362b}
html[data-theme="light"] .quick-nav-heading small{color:#778278}
html[data-theme="light"] .quick-nav-list{scrollbar-color:#b5c2b1 #edf1eb}
html[data-theme="light"] .quick-nav-chapter{border-color:rgba(94,116,91,.24)}
html[data-theme="light"] .quick-nav-chapter-title,html[data-theme="light"] .quick-nav-cover-link{color:#465349}
html[data-theme="light"] .quick-nav-chapter-title small,html[data-theme="light"] .quick-nav-cover-link small,html[data-theme="light"] .quick-nav-lesson-head a small,html[data-theme="light"] .quick-nav-pages a small{color:#7a877b}
html[data-theme="light"] .quick-nav-chapter.is-active>.quick-nav-chapter-head .quick-nav-chapter-title{color:#52743e}
html[data-theme="light"] .quick-nav-toggle,html[data-theme="light"] .quick-nav-lesson-toggle{color:#68766a}
html[data-theme="light"] .quick-nav-toggle:hover,html[data-theme="light"] .quick-nav-lesson-toggle:hover{background:#e4ebe1;color:#263528}
html[data-theme="light"] .quick-nav-lesson-head>a{color:#465349}
html[data-theme="light"] .quick-nav-lesson-head>a:hover{color:#29362b}
html[data-theme="light"] .quick-nav-lesson.is-active>.quick-nav-lesson-head>a{color:#52743e}
html[data-theme="light"] .quick-nav-pages{border-color:#ced9ca}
html[data-theme="light"] .quick-nav-pages a{color:#59665c}
html[data-theme="light"] .quick-nav-pages a:hover{background:rgba(82,116,62,.09);color:#29362b}
html[data-theme="light"] .quick-nav-pages a[aria-current="location"],html[data-theme="light"] .quick-nav-cover-link[aria-current="location"]{color:#42652e}
html[data-theme="light"] .quick-nav-cover-link{border-color:#d8dfd6}