/* Quiet, accessible navigation for long reading pages. */
.reading-controls[hidden]{display:none!important}
.reading-controls{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:1000;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;border:1px solid #ded9ca;border-radius:40px;background:#fffdf7;box-shadow:0 6px 24px #263e321c;color:#34594d;font-family:inherit}
.reading-controls button,.reading-controls__progress{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;font:600 12px/1 system-ui,sans-serif}
.reading-controls button{margin:0;padding:10px;border:1px solid #d5e3d9;background:#fffefb;color:#34594d;cursor:pointer;min-width:44px;min-height:44px;box-shadow:none}
.reading-controls button:hover{background:#edf3eb;border-color:#789b84}
.reading-controls button:focus-visible{outline:3px solid #547a60;outline-offset:3px}
.reading-controls button:disabled{opacity:.38;cursor:default}
.reading-controls svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.reading-controls__progress{border:1px solid #d5e3d9;background:#eff5ee;color:#34594d;font-variant-numeric:tabular-nums}
@media(max-width:600px){.reading-controls{flex-direction:row;gap:5px;padding:6px;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}body.has-reading-controls{padding-bottom:calc(84px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

.reading-controls__progress{flex-direction:column;gap:5px}
.reading-controls__levels{display:flex;gap:2px;width:30px;height:8px}
.reading-controls__levels i{display:block;position:relative;overflow:hidden;flex:1;border-radius:1px;background:#cddace}
.reading-controls__levels b{display:block;height:100%;width:var(--fill,0%);background:#32844c}