/* Pattern: Timeline / Historique */

.mau-timeline-grid {
  display: flex;
  flex-direction: column;
}

/* Carte « boîte » de la maquette (.timeline-card) : fond, bordure, rayon et
   padding portés par le markup (attributs de bloc). Pas de point ni de
   connecteur — la timeline verticale à puces n'existe pas dans la maquette
   et n'est utilisée par aucune page. */
.mau-timeline-card {
  position: relative;
  /* La carte vit dans une wp:column (flex étirée → même hauteur de rangée).
     height:100% la fait remplir la colonne pour que les 3 cartes soient
     iso-hautes malgré des longueurs de texte différentes (maquette). */
  height: 100%;
}

.mau-timeline-card__date {
  font-size: var(--wp--preset--font-size--sm);
  color: var(--wp--preset--color--slate);
  margin-block-end: var(--wp--preset--spacing--4);
}

.mau-timeline-card__title {
  font-family: var(--wp--preset--font-family--playfair);
  font-weight: 600;
  font-size: var(--wp--preset--font-size--md);
  margin: 0;
}

/* Boîte icône de carte timeline (maquette .timeline-card__icon).
   Contient soit un picto SVG, soit un court label texte (ex. « 3A »).
   Jamais une entité unicode/emoji — cf. règle K du ds-linter. */
.mau-timeline-card__icon {
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  border-radius: 10px;
  background: var(--wp--custom--accent-soft);
  color: var(--wp--preset--color--accent);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-block-end: var(--wp--preset--spacing--16);
  font-weight: 600;
  font-size: var(--wp--preset--font-size--base);
  line-height: 1;
}

.mau-timeline-card__icon svg {
  width: 22px;
  height: 22px;
}