@media (max-width: 767px) {
  .current-members-responsive .timeline-swipe-hint {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 2px 0 12px;
    color: #b5d73a;
    font: 600 14px/1 "Barlow Condensed", Arial, sans-serif;
    letter-spacing: 1.4px;
    text-align: center;
    text-transform: uppercase;
  }
  .current-members-responsive .timeline-swipe-hint span {
    color: #27b7df;
    font-size: 21px;
    line-height: .7;
  }
  .current-members-responsive .timeline-track {
    touch-action: pan-x;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
  }
  .current-members-responsive .timeline-class-preview {
    top: 260px; width: min(280px, calc(100% - 48px));
    min-height: 0; max-height: none; box-sizing: border-box;
    padding: 14px 18px 16px; overflow-y: visible;
    overscroll-behavior: contain;
  }
  .current-members-responsive .timeline-class-preview h2 { font-size: 36px; margin: 6px 0 10px; }
  .current-members-responsive #timeline-preview-names { gap: 6px; }
  .current-members-responsive #timeline-preview-names a { font-size: 18px; }
}

@media (min-width: 768px) {
  .current-members-responsive .timeline-swipe-hint { display: none; }
}