/*
 * Diaporama vidéo : la rotation automatique est gérée par le bundle React.
 * Ces règles limitent seulement l'emprise visuelle du bloc selon l'écran.
 */
#videos > .max-w-7xl {
  width: min(calc(100% - 2rem), 64rem);
}

#videos .overflow-hidden.rounded-2xl > .flex > div > div {
  min-height: 0;
}

#videos .overflow-hidden.rounded-2xl > .flex > div > div > div:first-child {
  max-height: 20rem;
}

@media (min-width: 768px) {
  #videos .overflow-hidden.rounded-2xl > .flex > div > div > div:first-child {
    flex: 0 0 46%;
    width: 46%;
    max-height: 20rem;
  }

  #videos .overflow-hidden.rounded-2xl > .flex > div > div > div:nth-child(2) {
    padding: 1.5rem;
  }
}

@media (max-width: 767px) {
  #videos .overflow-hidden.rounded-2xl > .flex > div > div > div:first-child {
    height: clamp(12rem, 52vw, 17rem);
    min-height: 0;
    max-height: 17rem;
  }
}