/* Zero-height transparent overlay: study content continues behind the arrow. */
.scroll-cue-rail{position:relative;z-index:20;flex:0 0 0;height:0;display:flex;justify-content:center;background:transparent!important;border:0;box-shadow:none;pointer-events:none}
.scroll-cue-rail[hidden],.scroll-cue[hidden]{display:none}
.scroll-cue{position:absolute;bottom:6px;display:grid;place-items:center;width:48px;height:44px;padding:7px;border:0;border-radius:0;background:transparent!important;box-shadow:none!important;color:#0873f9;cursor:pointer;touch-action:manipulation;pointer-events:auto}
.scroll-cue svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.scroll-cue:focus-visible{outline:2px solid #0873f9;outline-offset:-3px;border-radius:8px}
@media(prefers-reduced-motion:no-preference){.scroll-cue svg{animation:scroll-cue-pulse 1.4s ease-in-out infinite}}
@keyframes scroll-cue-pulse{0%,100%{opacity:1;transform:translateY(-3px)}45%{opacity:.2;transform:translateY(3px)}70%{opacity:1;transform:translateY(3px)}}

.scroll-cue-container{position:relative}
.scroll-cue-rail.scroll-cue-anchored{position:absolute;left:0;right:0;width:100%}
[inert] .scroll-cue-rail,body:has(.app-picker-dialog[open]) .main-shell>.scroll-cue-rail,body:has(.app-picker-dialog[open]) .modal .scroll-cue-rail,body:has(.app-picker-dialog[open]) .onboarding .scroll-cue-rail{visibility:hidden}