.grille-espaces { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 20px; }
.espace { display: flex; flex-direction: column; }
.espace h2 { font-size: 1.4rem; margin-bottom: 10px; }
.espace > p:not(.espace-pour) { color: var(--doux); flex: 1; }
.espace-pour { margin: 0 0 4px; font-size: .88rem; font-weight: 700; color: var(--doux); }
.note-espaces { margin-top: 28px; color: var(--doux); }
@media (max-width: 400px) { .grille-espaces { grid-template-columns: 1fr; } }