/* Compact chapter switcher, distinct from the global navigation. */
.case-page .case-rail{width:100%;max-width:100%;margin:0 auto 64px;padding:6px;top:108px;border:1px solid #ffffff15;border-radius:20px;background:rgba(24,22,19,.94);box-shadow:0 8px 24px #00000018;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.case-page .case-rail nav{display:flex;flex-direction:row;justify-content:space-between;gap:4px;overflow:auto;scrollbar-width:none}
.case-page .case-rail nav::-webkit-scrollbar{display:none}
.case-page .case-rail a{display:flex;align-items:center;justify-content:center;gap:9px;padding:11px 18px;border:1px solid transparent;border-radius:14px;font-size:0.75rem;font-weight:450;line-height:1.4;white-space:nowrap;color:#b9b2a8;transition:background 220ms ease,color 220ms ease,border-color 220ms ease}
.case-page .case-rail a>span{padding:0;font-size:0.75rem;line-height:1;color:#827567;font-weight:400}
.case-page .case-rail a:hover{background:#ffffff07;color:#f4eee5}
.case-page .case-rail a[aria-current=true]{color:#fff1e0;background:#ff9d271a;border-color:#ffae492b}
.case-page .case-rail a[aria-current=true]>span{color:#ffa73f}
.case-page .case-rail a:focus-visible{outline:2px solid #ffa73f;outline-offset:-2px}
.case-page .case-rail .reading-progress{display:block;height:2px;margin:6px 10px 0;width:calc(100% - 20px);border-radius:2px;background:#ffffff0c}.case-page .reading-progress>span{transition:transform 100ms linear}
@media(max-width:900px){.case-page .case-rail a{padding:10px 13px;font-size:0.75rem;gap:7px}}
@media(max-width:600px){.case-page .case-rail{top:92px;width:100%;padding:5px;border-radius:17px;margin-bottom:36px}.case-page .case-rail a{flex-shrink:0;padding:10px 12px;border-radius:12px;font-size:0.75rem}.case-page .case-rail a>span{font-size:0.75rem}}
@media(prefers-reduced-transparency:reduce){.case-page .case-rail{background:#181613;backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Reading mode replaces the site header; reversing scroll restores it. */
.case-page .header#header{transition:transform 300ms cubic-bezier(.22,1,.36,1),opacity 220ms ease}
.case-page .case-rail{transition:top 300ms cubic-bezier(.22,1,.36,1),border-radius 300ms ease}
.case-page.reading-down .header#header{transform:translateY(calc(-100% - 40px));opacity:0;pointer-events:none}
.case-page.reading-down .case-rail{top:16px;border-top-color:#ffffff15;border-radius:20px;box-shadow:0 8px 24px #00000020}
@media(max-width:600px){.case-page .case-rail nav{justify-content:flex-start}.case-page .case-rail .reading-progress{margin-top:5px}.case-page.reading-down .case-rail{top:12px;border-radius:17px}}
@media(prefers-reduced-motion:reduce){.case-page .header#header,.case-page .case-rail,.case-page .reading-progress>span{transition:none}}