/* Selected station stays clear; neighbouring stations remain visible. */
body.family-page .family-station-experience .station-card-rail.is-looping {
  overflow-anchor: none;
}
body.family-page .family-station-experience .station-card-rail.is-looping > .metro-platform {
  opacity: .55 !important;
  transition: opacity .24s ease, border-color .28s ease, box-shadow .28s ease, transform .28s ease;
}
body.family-page .family-station-experience .station-card-rail.is-looping > .metro-platform.is-current {
  opacity: 1 !important;
}
body.family-page .family-station-experience .station-card-rail.is-looping:is(.is-repositioning, .is-dragging) {
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
}
body.family-page .family-station-experience .station-card-rail.is-looping > .metro-platform {
  scroll-snap-stop: normal !important;
}
@media (max-width: 760px) {
  body.family-page .family-station-experience .station-card-rail.is-looping {
    --station-card-width: calc(100dvw - 48px);
    --station-rail-gutter: 24px;
    width: 100dvw !important;
    max-width: none !important;
    margin-inline: calc(50% - 50dvw) !important;
    padding-inline: 24px !important;
    scroll-padding-inline: 24px !important;
    gap: 12px !important;
  }
  body.family-page .family-station-experience .station-card-rail.is-looping > .metro-platform {
    flex: 0 0 var(--station-card-width) !important;
    width: var(--station-card-width) !important;
    max-width: var(--station-card-width) !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.family-page .family-station-experience .station-card-rail.is-looping > .metro-platform {
    transition: none !important;
  }
}