/* Pattern: Externalize — grille 3 cartes icône-titre-texte */

.mau-externalize-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--wp--preset--spacing--24);
  align-items: stretch;
}

.mau-externalize-card {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--12);
  border: 1px solid var(--wp--preset--color--border-subtle);
  border-radius: var(--wp--custom--radius--md);
  padding: var(--wp--preset--spacing--24);
}

.mau-externalize-card__icon {
  width: 40px;
  height: 40px;
  color: var(--wp--preset--color--accent);
  flex-shrink: 0;
}

.mau-externalize-card__icon svg {
  width: 100%;
  height: 100%;
}

.mau-externalize-card__title {
  font-family: var(--wp--preset--font-family--playfair);
  font-weight: 600;
  font-size: var(--wp--preset--font-size--lg);
  color: var(--wp--preset--color--ink);
  margin: 0;
}

.mau-externalize-card__text {
  font-size: var(--wp--preset--font-size--sm);
  color: var(--wp--preset--color--slate);
}

@media (min-width: 768px) and (max-width: 1099px) {
  .mau-externalize-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .mau-externalize-grid {
    grid-template-columns: 1fr;
  }
}