/* Ce qui est propre à l'accueil du catalogue, par-dessus atmosphare.css (jetons seulement). */
[hidden] { display: none !important; }
.qui { color: var(--blanc); font-size: 14px; margin-right: 8px; overflow-wrap: anywhere; }
.a-btn-discret.clair { color: var(--blanc); }
.etat { color: var(--texte-2); }
.boite { max-width: 460px; margin: 24px auto; }
.grille { display: grid; gap: 16px; }
.titre { font-size: 24px; font-weight: 700; margin: 8px 0 20px; }
.tuiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }
.tuile { display: flex; flex-direction: column; gap: 8px; padding: 24px; color: var(--encre); text-decoration: none; min-height: 180px; }
.tuile i { font-size: 32px; }
.tuile strong { font-size: 18px; }
.tuile span { color: var(--texte-2); }
.tuile .tuile-etat { margin-top: auto; font-style: normal; font-size: 13px; font-weight: 700; }
.tuile:hover, .tuile:focus-visible { border-color: var(--encre); box-shadow: inset 0 -4px 0 var(--jaune); outline: none; }
.tuile.fermee { pointer-events: none; background: var(--fond); }
.tuile.fermee strong, .tuile.fermee .tuile-etat { color: var(--texte-2); }