/* Microsite2026 Featured Speakers (arrows as the skin's .hp-video carousel, for a light background) */
.featured-speakers .spk-photo { width: 130px; height: 130px; object-fit: cover; }
.featured-speakers .spk-affiliation + .spk-affiliation { margin-top: .5rem; }

/* Strip: four cards in view (two on phones), moved one card at a time by the script */
.featured-speakers .spk-viewport { overflow: hidden; }
.featured-speakers .spk-track { display: flex; transition: transform .5s ease; }
.featured-speakers .spk-slot { flex: 0 0 25%; max-width: 25%; padding: 0 .75rem; }
@media (max-width: 991.98px) { .featured-speakers .spk-slot { flex-basis: 50%; max-width: 50%; padding: 0 .5rem; } }
@media (prefers-reduced-motion: reduce) { .featured-speakers .spk-track { transition: none; } }

.featured-speakers .spk-has-controls { padding: 0 70px; }
.featured-speakers .spk-carousel:not(.spk-has-controls) .spk-control { display: none; }
.featured-speakers .spk-control { width: 50px; opacity: 1; }
.featured-speakers .spk-arrow { display: flex; align-items: center; justify-content: center; width: 46px; height: 46px;
  border: 1px solid rgba(0,0,0,.25); border-radius: 50%; color: #212529; background: #fff; font-size: 1.25rem;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease; }
.featured-speakers .spk-control:hover .spk-arrow { background: #212529; border-color: #212529; color: #fff; }

/* Editor */
.fs-editor { text-align: left; }
.fs-editor .fs-row { cursor: pointer; }
.fs-editor .fs-thumb { width: 44px; height: 44px; object-fit: cover; }

@media (max-width: 767.98px) {
  .featured-speakers .spk-photo { width: 100px; height: 100px; }
  .featured-speakers .spk-has-controls { padding: 0 0 56px; }
  .featured-speakers .spk-control { top: auto; bottom: 0; width: auto; }
  .featured-speakers .spk-arrow { width: 40px; height: 40px; font-size: 1rem; }
  .featured-speakers .carousel-control-prev.spk-control { left: calc(50% - 50px); }
  .featured-speakers .carousel-control-next.spk-control { right: calc(50% - 50px); }
}
