.course-scroller {
  padding: 14px;
  border: 4px solid rgba(6, 95, 70, 0.24);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.28);
  box-shadow:
    0 3px 10px rgba(16, 27, 22, 0.08),
    0 18px 42px rgba(16, 27, 22, 0.12);
}

.course-scroller.is-looping {
  scroll-snap-type: none;
}

.course-scroller.is-auto-scrolling { scroll-behavior: auto; }

.course-scroller [data-carousel-clone] {
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .course-scroller { scroll-behavior: auto; }
}