/* Quiet section navigation. The ring is decorative; links and current label carry meaning. */
.reading-position{position:fixed;z-index:998;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translateX(-50%);width:max-content;max-width:calc(100vw - 36px);font-family:inherit;color:#fff;filter:drop-shadow(0 6px 14px #07173028)}
.reading-toggle{display:flex;align-items:center;gap:10px;min-height:48px;max-width:100%;padding:8px 16px 8px 10px;border:1px solid #8192a7;border-radius:28px;background:#10243e;color:#fff;font-family:inherit;font-size:13px;font-weight:500;line-height:1.4;cursor:pointer;transition:background-color 160ms ease,border-radius 180ms ease}
.reading-toggle:hover{background:#1d3654;border-color:#e4ecf4}
.reading-label{max-width:220px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500}
.reading-ring{width:28px;height:28px;flex:0 0 28px;transform:rotate(-90deg);fill:none;stroke-width:2.5}
.reading-track{stroke:#ffffff40}.reading-fill{stroke:#fff;stroke-dasharray:100;stroke-dashoffset:100;stroke-linecap:round}.reading-dot{fill:#fff;stroke:none}
.reading-plus{margin-left:8px;font-family:Arial,sans-serif;font-size:20px;font-weight:400;transition:transform 180ms ease}
.reading-position.is-open .reading-plus{transform:rotate(45deg)}
.reading-sections{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);width:320px;max-width:calc(100vw - 36px);max-height:min(65svh,540px);overflow-y:auto;overscroll-behavior:contain;padding:12px;border:1px solid #8192a7;border-radius:22px;background:#10243e;box-shadow:0 12px 40px #07173030;scrollbar-width:thin;scrollbar-color:#8da2b8 #10243e}
.reading-sections[hidden]{display:none}
.reading-menu-title{display:block;padding:8px 12px 12px;font-size:11px;font-weight:600;letter-spacing:.05em;color:#cbd7e5}
.reading-sections a{display:flex;align-items:center;gap:14px;padding:11px 12px;min-height:44px;border-radius:10px;color:#e4ecf4;font-size:13px;line-height:1.45;text-decoration:none}
.reading-sections a:hover{background:#243c58;color:#fff}
.reading-sections a[aria-current]{background:#fff;color:#10243e;font-weight:600}
.reading-number{color:inherit;opacity:.8;font-size:11px;font-variant-numeric:tabular-nums}
.reading-toggle:focus-visible,.reading-sections a:focus-visible{outline:3px solid #7ed3eb;outline-offset:3px}
.reading-position.is-open .reading-sections{animation:reading-open 180ms ease-out}
@keyframes reading-open{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
.mobile-menu-visible .reading-position{visibility:hidden}
.has-reading-position .footer-bottom{padding-bottom:85px}
@media(max-width:600px){.reading-position{bottom:max(16px,env(safe-area-inset-bottom))}.reading-label{max-width:185px}.reading-toggle{min-height:46px}.reading-sections{max-height:60svh}}
@media(prefers-reduced-motion:reduce){.reading-toggle,.reading-plus{transition:none}.reading-position.is-open .reading-sections{animation:none}}
@media print{.reading-position{display:none}}