.reading-navigation{z-index:950;color:#fff;width:2px;height:80vh;font-family:var(--font-body);mix-blend-mode:difference;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s,visibility 0s .4s;position:fixed;top:50%;right:32px;transform:translateY(-50%)}.reading-navigation[data-visible=true]{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .4s,visibility}.reading-navigation-bar{flex-direction:column;gap:6px;width:100%;height:100%;display:flex}.reading-navigation-segment{width:100%;min-height:0;color:inherit;cursor:pointer;transform-origin:50%;background:#ffffff14;border:0;border-radius:0;margin:0;padding:0;transition:transform .35s cubic-bezier(.4,0,.2,1);display:block;position:relative}.reading-navigation-segment:before{content:"";position:absolute;inset:0 -10px}.reading-navigation-fill{pointer-events:none;background:currentColor;width:100%;display:block;position:absolute;top:0;left:0}.reading-navigation-segment[data-active=true]{transform:scaleX(1.5)}:is(.reading-navigation-segment:hover,.reading-navigation-segment[data-hovered=true],.reading-navigation-segment:focus-visible){transform:scaleX(3)}.reading-navigation-segment:focus-visible{outline-offset:4px;outline:1px solid}.reading-navigation-label{color:inherit;letter-spacing:.02em;white-space:nowrap;pointer-events:none;opacity:0;margin:0;font-size:clamp(.8rem,1vw,.95rem);font-weight:400;line-height:1.3;transition:opacity .2s;display:block;position:absolute;right:calc(100% + 14px);transform:translateY(-50%)}.reading-navigation[data-visible=true] .reading-navigation-label,.reading-navigation:focus-within .reading-navigation-label{opacity:1}@media (max-width:768px){.reading-navigation{display:none}}@media (prefers-reduced-motion:reduce){.reading-navigation,.reading-navigation-segment,.reading-navigation-label{transition:none}}