/* ============================================================
   rs1/mnt-equipements — grille des équipements maintenus
   Cartes, pastilles, chip : mp-tokens.css
   Grille : 1 colonne → 2 dès 601px → 3 dès 1101px
   ============================================================ */

.mp-mnteq{
  padding-block: var(--mp-section);
  background: var(--mp-bleu-brume);
}

.mp-mnteq__entete{
  max-width: 46rem;
  margin-bottom: clamp(2.25rem, 4vw, 3.25rem);
}
.mp-mnteq__titre{
  margin: 0;
  font-size: var(--mp-t-h2);
  font-weight: 800;
  color: var(--mp-encre);
}
.mp-mnteq__intro{
  margin: 1.25rem auto 0;
  max-width: 56ch;
  font-size: var(--mp-t-lg);
  color: var(--mp-texte);
}

.mp-mnteq__grille{
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--mp-gap);
  list-style: none;
  margin: 0;
  padding: 0;
}

.mp-mnteq__carte{
  display: flex;
  flex-direction: column;
}

.mp-mnteq__haut{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: 1.25rem;
}

/* Saisie non répertoriée (« H₂ », emoji) affichée dans la pastille */
.mp-mnteq__sigle{
  font-family: var(--mp-font-titre);
  font-weight: 800;
  font-size: var(--mp-t-lg);
  line-height: 1;
}

.mp-mnteq__nom{
  margin: 0 0 .5rem;
  font-size: var(--mp-t-h3);
  font-weight: 700;
  color: var(--mp-encre);
}

.mp-mnteq__texte{
  margin: 0;
  font-size: var(--mp-t-sm);
  line-height: var(--mp-lh-texte);
  color: var(--mp-texte);
}

@media (min-width: 601px){
  .mp-mnteq__grille{ grid-template-columns: repeat(2, minmax(0, 1fr)) }
}
@media (min-width: 1101px){
  .mp-mnteq__grille{ grid-template-columns: repeat(3, minmax(0, 1fr)) }
}