/* Speaker cards only: keep every text group centered without changing card design. */
#speakers .speaker-grid-premium {
  align-items: stretch;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  gap: 1.1rem;
}

#speakers .speaker-card-premium {
  display: grid;
  grid-template-rows: auto 1fr;
  height: 100%;
  min-width: 0;
}

#speakers .speaker-card-premium.conf-scroll-ready.conf-card-motion-up,
#speakers .speaker-card-premium.conf-scroll-ready.conf-card-motion-down {
  transform: translateZ(0);
}

#speakers .speaker-card-premium .speaker-image-wrap {
  display: block;
  height: clamp(220px, 15vw, 270px);
  min-height: 0;
  overflow: hidden;
  width: 100%;
}

#speakers .speaker-card-premium .speaker-image-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 18%;
}

#speakers .speaker-card-premium .speaker-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  min-width: 0;
  text-align: center;
}

#speakers .speaker-card-premium .speaker-content > h3,
#speakers .speaker-card-premium .speaker-role,
#speakers .speaker-card-premium .speaker-company,
#speakers .speaker-card-premium .speaker-topic,
#speakers .speaker-card-premium .speaker-bio {
  width: 100%;
  min-width: 0;
  text-align: center;
  overflow-wrap: anywhere;
}

#speakers .speaker-card-premium .speaker-metrics {
  width: 100%;
  justify-content: center;
}

#speakers.conf-section-banner-wrap .speaker-card-premium .speaker-bio {
  display: none;
}

#speakers.conf-section:not(.conf-section-banner-wrap)
  .speaker-card-premium
  .speaker-bio {
  display: none;
}

#speakers .speaker-card-premium .profile-view-btn {
  margin-top: auto;
  width: 100%;
  text-align: center;
}

#speakers .speaker-grid-premium > .empty-state {
  grid-column: 1 / -1;
  width: 100%;
  text-align: center;
}

#speakers.conf-section-banner-wrap
  .speaker-filter-shell:has(.speaker-filter-btn:first-child.active)
  + .speaker-grid-premium
  > .empty-state {
  font-size: 0;
}

#speakers.conf-section-banner-wrap
  .speaker-filter-shell:has(.speaker-filter-btn:first-child.active)
  + .speaker-grid-premium
  > .empty-state::after {
  content: "We will update soon";
  color: #8fa7c8;
  font-size: clamp(1rem, 2vw, 1.2rem);
}

@media (max-width: 1180px) {
  #speakers .speaker-grid-premium {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  #speakers .speaker-grid-premium {
    grid-template-columns: 1fr;
  }
}