/* Shared direct manipulation; card layouts and content stay with their owners. */
.sliding-gallery {
  overflow-x:auto;
  overscroll-behavior-x:contain;
  touch-action:pan-x pan-y pinch-zoom;
  scrollbar-width:none !important;
}
.sliding-gallery::-webkit-scrollbar {display:none}
.sliding-gallery:not(.is-reframing) {scroll-snap-type:x mandatory !important}
.sliding-gallery.can-slide {cursor:grab}
.sliding-gallery.can-slide :is(a,button,summary) {cursor:grab}
.sliding-gallery.is-dragging {
  cursor:grabbing;
  scroll-snap-type:none !important;
  scroll-behavior:auto !important;
  user-select:none;
}
.sliding-gallery.is-dragging :is(a,button,summary) {cursor:grabbing}
.sliding-gallery img {-webkit-user-drag:none;user-select:none}
.sliding-gallery:focus-visible {outline:3px solid var(--accent);outline-offset:3px}
.sliding-gallery>:is(article,li) {scroll-snap-align:start}
/* Superseded navigation is hidden on both surfaces; reading links remain. */
.product-carousel-controls,.career-video-nav,.career-video-progress,
.experience-controls,.story-meter,
.editorial-controls button,#story-position {display:none !important}
.poster-page>.poster-grid.sliding-gallery {
  grid-auto-flow:column;
  grid-template-columns:none;
  grid-auto-columns:248px;
  gap:16px;
  padding:3px 3px 8px;
}
.poster-page .sliding-gallery .poster-card {background:transparent}
.poster-page .sliding-gallery .poster-card>a {display:flex;flex-direction:column;align-items:stretch}
.poster-page .sliding-gallery .poster-card img {width:100%;height:auto;aspect-ratio:2/3;border-radius:12px}
.poster-page .sliding-gallery .poster-card-copy {padding:8px 2px 0}
.poster-page .sliding-gallery .poster-category {display:none}
.poster-page .sliding-gallery .poster-card h3 {font-size:16px;min-height:2.8em}
.poster-page .sliding-gallery .poster-read {min-height:24px;font-size:12px}
@media(max-width:750px) {
  [role="tooltip"],.sidebar-tooltip {display:none !important}
  .poster-page>.poster-grid.sliding-gallery {grid-auto-columns:min(232px,72vw);gap:12px}
  .poster-page .sliding-gallery .poster-card h3 {font-size:15px}
}

/* Shared swipe indicators: compact marks within comfortable touch targets. */
body.editorial-design {--rail-dot-width:44px}
body.editorial-design.editorial-design.editorial-design .rail-dots button::before {background:var(--muted)}
body.editorial-design.editorial-design.editorial-design .sliding-gallery+.rail-dots {grid-row:auto;max-width:100%}
@media(prefers-reduced-motion:reduce) {
 body.editorial-design.editorial-design.editorial-design .rail-dots button::before {transition:none}
}
