/* Strzałka „przesuń” i cień przy krawędzi pasków przewijanych w bok (assets/hscroll.js, 0.49.3; 0.49.24: --hs-dy wyrównuje strzałkę do przycisków). */
.mcq-hs-edge { position: absolute; z-index: 4; display: flex; align-items: center; width: 60px; pointer-events: none; }
.mcq-hs-edge[hidden] { display: none; }
.mcq-hs-edge--r { justify-content: flex-end; padding-right: 4px; background: linear-gradient(90deg, transparent, var(--hs-bg, #202329) 68%); }
.mcq-hs-edge--l { justify-content: flex-start; padding-left: 4px; background: linear-gradient(270deg, transparent, var(--hs-bg, #202329) 68%); }
.mcq-hs-edge, .mcq-hs-edge * { box-sizing: border-box; }
.mcq-hs-btn { display: grid; place-items: center; width: 30px; height: 30px; margin: 0; padding: 0; border: 1px solid var(--mcq-primary, #f0a500); border-radius: 50%; background: var(--mcq-card, #2c2f34); color: var(--mcq-primary, #f0a500); box-shadow: 0 6px 16px -6px rgba(0, 0, 0, .6); transform: translateY(var(--hs-dy, 0px)); cursor: pointer; pointer-events: auto; transition: background .2s ease, color .2s ease; }
.mcq-hs-btn svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round; }
@media (hover: hover) { .mcq-hs-btn:hover { background: var(--mcq-primary, #f0a500); color: var(--mcq-on-primary, #1b1608); } }
.mcq-hs-edge--r.is-nudge .mcq-hs-btn { animation: mcq-hs-nudge 1.1s ease-in-out 3; }
@keyframes mcq-hs-nudge { 0%, 100% { transform: translateY(var(--hs-dy, 0px)); } 45% { transform: translate(5px, var(--hs-dy, 0px)); } }
@media (prefers-reduced-motion: reduce) { .mcq-hs-edge--r.is-nudge .mcq-hs-btn { animation: none; } }
@media print { .mcq-hs-edge { display: none !important; } }