/* DPEM — page « Démarches ».
   L'orienteur, les cartes d'actes et les questions fréquentes. */

.acte-icone {
  width: 42px; height: 42px; border-radius: 12px;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--lichen); color: var(--forest-900); flex-shrink: 0;
}
.badge-type {
  font-size: 0.8125rem; font-weight: 700; padding: 0.25rem 0.7rem;
  border-radius: 999px; white-space: nowrap;
}
.badge-instruction { background: var(--lichen); color: var(--forest-900); }
.badge-avis { background: var(--sky); color: var(--cobalt-700); }
.badge-autorisation { background: #fff; color: var(--forest-900); border: 1px solid var(--forest-500); }
.badge-attestation { background: #fff; color: var(--forest-900); border: 1px solid var(--forest-500); }
.badge-controle { background: var(--mist); color: var(--ink); }

/* Le filtre masque par une classe, pas par l'attribut `hidden` : la
   transition reste possible, et une page sans script montre tout. */
.acte.ecarte { display: none; }