/* Use the ALT attribute (no need for a .creature-slider class) */
.pageItem[alt="div.creature-slider"] {
  position: relative;
  overflow-x: auto;                 /* enables swipe/scroll */
  scroll-behavior: smooth;          /* smooth JS scroll */
  -webkit-overflow-scrolling: touch;/* iOS momentum */
  padding: 10px 48px;               /* space for arrows, optional */
}

/* The children are absolutely positioned by in5; we don't force flex.
   This matches the state where things worked and a scrollbar appeared. */

/* Arrow visuals/UX only (positions come from in5's inline styles) */
.slider-arrow {
  cursor: pointer;
  user-select: none;
  z-index: 30;
}
