/* aj-cue.css - Scroll-Hinweis. Eingebunden auf ALLEN Seiten.
   Nutzt nur --pad und --aj-ink-muted, die es auf jeder Seite gibt. */

/* ============================================================
   SCROLL-HINWEIS
   Kleiner Wink unten rechts, dass die Seite weitergeht.
   Nur ganz oben sichtbar; verschwindet beim ersten Scrollen,
   kommt beim Zurueckscrollen nach oben wieder.
   Blendet sich gar nicht erst ein, wenn die Seite (fast) passt.
   ============================================================ */
.scrollcue{
  position:fixed; right:var(--pad); bottom:1.75rem; z-index:40;
  display:none; align-items:center; gap:.5rem;
  color:var(--aj-ink-muted); pointer-events:none;
  opacity:0; transition:opacity .5s ease;
}
.scrollcue[data-on="true"]{display:flex; opacity:1}
.scrollcue[data-on="gone"]{display:flex; opacity:0}
.scrollcue svg{width:1rem; height:1rem; fill:none; stroke:currentColor;
  stroke-width:1.5; stroke-linecap:square; animation:cue 2.2s ease-in-out infinite}
@keyframes cue{
  0%,100%{transform:translateY(-2px)}
  50%{transform:translateY(3px)}
}
@media (prefers-reduced-motion:reduce){ .scrollcue svg{animation:none} }