/* Two equal groups create a continuous, slow loop of the real guide covers. */
.walk-ribbon{position:relative;margin:0 0 24px;padding:4px 0}
.walk-ribbon-window{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 16px,#000 calc(100% - 16px),transparent)}
.walk-ribbon-track{display:flex;width:max-content;animation:walk-covers-drift 64s linear infinite}
.walk-ribbon-group{display:flex;flex:none;gap:12px;padding-right:12px}
.walk-ribbon-group img{display:block;flex:none;width:105.6px;height:105.6px;border-radius:8px;object-fit:cover;box-shadow:0 2px 4px #221f2e24}
.walk-ribbon-pause{position:absolute;right:0;bottom:-12px;display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #d9d1c5;border-radius:50%;background:#F5F1EA;color:#51475c;font:700 13px/1 system-ui;cursor:pointer}
.walk-ribbon-pause:focus-visible{outline:3px solid #9995d1;outline-offset:3px}
.walk-ribbon:hover .walk-ribbon-track,.walk-ribbon:focus-within .walk-ribbon-track,.walk-ribbon.is-paused .walk-ribbon-track{animation-play-state:paused}
@keyframes walk-covers-drift{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.walk-ribbon-track{animation:none}.walk-ribbon-pause{display:none}.walk-ribbon-window{overflow-x:auto;mask-image:none}}

.walk-ribbon-group a{display:block;flex:none;border-radius:8px}
.walk-ribbon-group a:focus-visible{outline:3px solid #443d99;outline-offset:-3px}
#walk-covers .walk-ribbon-heading{font:700 11px/1.5 var(--font-label);letter-spacing:2px;margin:0 0 16px}

.discover-scroll-cue{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:4px 0 -12px;color:var(--muted);font:600 13px/1.5 var(--font-label);text-decoration:none}
.discover-scroll-cue:hover{color:var(--indigo);text-decoration:underline;text-underline-offset:3px}
.discover-scroll-cue:focus-visible{outline:3px solid #9995d1;outline-offset:2px;border-radius:8px}

/* Keep the next section close to the scroll cue without shrinking its tap target. */
body.v2 #walk-covers{padding-bottom:12px}
body.v2 #walk-covers + #see-it{margin-top:0;padding-top:24px}
