/* ============================================================
   USMLE Wise — Awards carousel
   Shared across all research-program pages. A horizontal scroll-snap
   row of plain blog cards (styled by blog.css); prev/next buttons are
   a progressive enhancement over native touch/trackpad scrolling.
   ============================================================ */

.awd-carousel__wrap {
  display: flex;
  align-items: center;
  gap: 12px;
}

.awd-carousel__track {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  list-style: none;
  margin: 0;
  padding: 4px 2px 12px;
  scrollbar-width: none;
}
.awd-carousel__track::-webkit-scrollbar { display: none; }

.awd-carousel__card {
  flex: 0 0 clamp(240px, 30vw, 320px);
  scroll-snap-align: start;
}
.awd-carousel__card .blog-card { height: 100%; }

.awd-carousel__btn {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid var(--uw-border);
  background: var(--uw-surface);
  color: var(--uw-ink-700);
  cursor: pointer;
  transition: background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);
}
.awd-carousel__btn:hover { background: var(--uw-surface-sunk); border-color: var(--uw-border-strong); }
.awd-carousel__btn:disabled { opacity: 0.35; cursor: default; }
.awd-carousel__btn:disabled:hover { background: var(--uw-surface); border-color: var(--uw-border); }

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

@media (max-width: 640px) {
  .awd-carousel__btn { display: none; }
  .awd-carousel__card { flex-basis: 76vw; }
}