/* Die feine Linie zeigt den Lesefortschritt. Die Scroll-Timeline des Browsers
 * bewegt nur eine Transformation und benötigt keinen Scroll-Eventhandler. */
@supports (animation-timeline: scroll()) {
    @media (prefers-reduced-motion: no-preference) {
        .raventex-lesefortschritt {
            position: fixed;
            z-index: 99;
            inset: auto 0 0;
            height: 2px;
            pointer-events: none;
            background: linear-gradient(90deg, #a34050, #d3ad79);
            transform-origin: left center;
            animation: raventex-lesefortschritt 1ms linear both;
            animation-timeline: scroll(root block);
        }
        .raventex-motion-off .raventex-lesefortschritt { display: none; }
        @keyframes raventex-lesefortschritt {
            from { transform: scaleX(0); }
            to { transform: scaleX(1); }
        }
    }
}