/* Utilitaires de mise en page — ce qui restait de Tailwind (phase 13).
 *
 * Le §4 cantonnait Tailwind à la mise en page, et le test des classes CSS a
 * tenu cette liste courte : dix-sept classes, pas une de plus, sur toute
 * l'application. En face, le CDN « Play » livrait 400 Ko de compilateur qui
 * relit le DOM et régénère la feuille à chaque changement — sur un téléphone
 * d'entrée de gamme, à chaque ouverture d'écran.
 *
 * Ces dix-sept règles sont la transcription exacte de ce que Tailwind
 * produisait : mêmes valeurs, mêmes unités (rem, donc suivant le réglage de
 * taille de police), même point de bascule à 640 px. Le rendu est identique,
 * le compilateur a disparu, et une classe utilitaire nouvelle doit désormais
 * être écrite ici — ce qui la rend visible.
 */

.flex { display: flex; }
.grid { display: grid; }

.flex-col { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }

.justify-between { justify-content: space-between; }
.justify-center { justify-content: center; }

.gap-1 { gap: 0.25rem; }
.gap-2 { gap: 0.5rem; }
.gap-3 { gap: 0.75rem; }
.gap-4 { gap: 1rem; }

.grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

/* Dans un conteneur flex, la taille minimale par défaut est le contenu : sans
 * cette règle, un nom long empêche son voisin de rétrécir et déborde la ligne. */
.min-w-0 { min-width: 0; }

.mt-2 { margin-top: 0.5rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }

.font-semibold { font-weight: 600; }

/* Le préfixe « sm: » de Tailwind, à son point de bascule d'origine. */
@media (min-width: 640px) {
  .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sm\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }
}