/* Untere Leiste, kontextabhängig (src/nav/site-nav.mjs), statisch ausgeliefert. Gleiches Glas wie bisher (src/style.css .shortcuts), aber mit
   waagerecht wischbarer Spur für 4–6 Einträge: Einträge behalten ihre Mindestbreite, ein weicher Rand zeigt, dass es
   weitergeht. Linse und Punkt liegen in der Spur und wandern mit ihr. */
.shortcuts.shortcuts--ctx { display: block; padding: 6px 6px 10px; overflow: hidden; }
.shortcuts--ctx .shortcuts__track { position: relative; display: flex; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scroll-snap-type: x proximity; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.shortcuts--ctx .shortcuts__track::-webkit-scrollbar { display: none; }
.shortcuts--ctx .shortcuts__link { flex: 1 0 auto; min-width: 62px; scroll-snap-align: center; padding: 0 11px; font-size: 11px; line-height: 14px; letter-spacing: 0.01em; white-space: nowrap; }
.shortcuts--ctx .shortcuts__lens { top: -1px; bottom: -4px; transform: translateX(4px); }
.shortcuts--ctx .shortcuts__marker { bottom: -4px; }
/* Fortsetzung erkennbar: weicher Rand an der Seite, auf der es weitergeht */
.shortcuts--ctx.is-more-r .shortcuts__track { -webkit-mask-image: linear-gradient(90deg, #000 82%, transparent); mask-image: linear-gradient(90deg, #000 82%, transparent); }
.shortcuts--ctx.is-more-l .shortcuts__track { -webkit-mask-image: linear-gradient(270deg, #000 82%, transparent); mask-image: linear-gradient(270deg, #000 82%, transparent); }
.shortcuts--ctx.is-more-l.is-more-r .shortcuts__track { -webkit-mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent); mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent); }
.shortcuts--ctx .shortcuts__link[aria-current] { color: #f5f7fa; }
@media (prefers-reduced-motion: reduce) { .shortcuts--ctx .shortcuts__track { scroll-behavior: auto; } }