/* Témoignages : citations statiques, filet or de la signature Lucidian.
   La section est entièrement omise du HTML tant qu'elle n'est pas activée
   avec au moins une entrée. Aucun espace ne lui est réservé au lancement. */
.temoignages__grille {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-7);
}

.temoignages__grille--1 {
  max-width: var(--container-narrow);
  margin-inline: auto;
}

.temoignages__citation {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding-inline-start: var(--space-5);
  border-inline-start: var(--rule-height) solid var(--color-accent);
}

.temoignages__texte {
  flex: 1;
  margin-bottom: var(--space-6);
  font-size: var(--text-lg);
  line-height: var(--leading-body);
  color: var(--color-heading);
}

.temoignages__texte p {
  max-width: none;
}

.temoignages__source {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  font-size: var(--text-sm);
  color: var(--color-text-soft);
  overflow-wrap: anywhere;
}

.temoignages__nom {
  font-family: var(--font-display);
  font-size: var(--text-base);
  font-weight: 500;
  color: var(--color-heading);
}

@media (min-width: 900px) {
  .temoignages__grille:not(.temoignages__grille--1) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .temoignages__citation {
    padding-inline-start: var(--space-6);
  }
}

@media (min-width: 1200px) {
  .temoignages__grille--3:not(.temoignages__grille--1) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}