/* Phone-only Recent Memories paging.
   Match Life Chapters: one complete story card per deliberate swipe, with no
   clipped neighbor or sticky touch-hover motion. */
@media (max-width: 600px) and (hover: none) and (pointer: coarse) {
  html body .app-shell .map-stage.home-focus #homeTimelineStrip .recent-memory-card-shelf,
  html body main.app-shell section.map-stage.home-focus #homeTimelineStrip .recent-memory-card-shelf {
    grid-auto-flow: column !important;
    grid-auto-columns: 100% !important;
    grid-template-columns: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 5px 0 8px !important;
    gap: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-padding-inline: 0 !important;
    scroll-snap-type: x mandatory !important;
    overscroll-behavior-inline: contain !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }

  html body .app-shell .map-stage.home-focus #homeTimelineStrip .recent-memory-card-shelf::-webkit-scrollbar,
  html body main.app-shell section.map-stage.home-focus #homeTimelineStrip .recent-memory-card-shelf::-webkit-scrollbar {
    display: none !important;
  }

  html body .app-shell .map-stage.home-focus #homeTimelineStrip .recent-memory-shelf-card,
  html body main.app-shell section.map-stage.home-focus #homeTimelineStrip .recent-memory-shelf-card {
    width: 100% !important;
    max-width: none !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
    transform: none !important;
  }

  html body .app-shell .map-stage.home-focus #homeTimelineStrip .recent-memory-shelf-card:hover,
  html body .app-shell .map-stage.home-focus #homeTimelineStrip .recent-memory-shelf-card:active,
  html body main.app-shell section.map-stage.home-focus #homeTimelineStrip .recent-memory-shelf-card:hover,
  html body main.app-shell section.map-stage.home-focus #homeTimelineStrip .recent-memory-shelf-card:active,
  html body .app-shell .map-stage.home-focus #homeTimelineStrip .recent-memory-shelf-card:hover .recent-memory-shelf-art > img,
  html body main.app-shell section.map-stage.home-focus #homeTimelineStrip .recent-memory-shelf-card:hover .recent-memory-shelf-art > img {
    transform: none !important;
  }
}