/* =========================================================================
   SWISS PRO MOVING — rayon-Composants.css
   Le seul ajout du rayon « Composants ». Il ne se substitue à rien : il
   complète `tokens/components.css`, qu'il ne touche pas.

   Cette feuille n'est PAS importée par `styles.css` : les quatre @import de
   la feuille mère sont scellés et contrôlés par `_outils/controle.py` (§2).
   Les cartes du rayon la lient par une SECONDE balise :

       <link rel="stylesheet" href="../../../styles.css">
       <link rel="stylesheet" href="../../../tokens/rayon-Composants.css">

   Mêmes deux règles de fabrication que components.css :
     1. aucune couleur en dur — tout est `var(--…)` ;
     2. aucun jeton employé ici qui ne soit défini dans tokens.css.
        Ce fichier ne déclare donc AUCUNE variable à lui.

   UNE seule classe. Elle a été ajoutée parce que `components.css` donne au
   pied de page sa surface, son filet haut et son rythme vertical, mais
   aucune mise en colonnes : un pied de déménageur porte trois blocs (qui on
   est, ce qu'on fait, comment nous joindre) et, sans grille, ils s'empilent
   en une colonne de 1240 px de large.
   ========================================================================= */

/* Colonnes du pied de page. Même grammaire que `.spm-cartes` : `auto-fit`,
   aucun point de rupture, une seule colonne dès que la place manque — donc
   rien à écrire pour 375 px. Le minimum est 240 px et non 280 px : une
   colonne de pied porte des liens courts, pas un paragraphe.
   `align-items: start` empêche les trois blocs de s'étirer à la hauteur du
   plus haut, ce qui décollerait les titres de leur liste. */
.spm-pied__colonnes {
  display: grid;
  gap: var(--gouttiere);
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  align-items: start;
}
