/* Kit de logos de l'organisation (static/logo-kit.js) : mise en page du kit et détourage d'un fond uni. Un logo garde TOUJOURS ses proportions (contain) : un logotype horizontal reste
   large, il n'est jamais écrasé ni rogné dans un carré ou un cercle. Chargée après les feuilles de brand/. */

/* ——— Kit de logos (Mon compte › Organisations, identité commune) : la grille est la LogoGrid / LogoTile de la
   bibliothèque (brand/components.css, D76) ; ici, seulement la mise en page de l'écran autour d'elle. ——— */
.kit-panel__intro{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-3)}
.kit-panel__intro .eq-note{max-width:60ch}
.kit-pick{margin-top:auto;padding-top:var(--space-1)}
/* Identité commune, étape 1 : un logo du kit choisi comme référence des palettes (sinon, tous les logos fusionnés). */
.kit-identity-source{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}

/* ——— Détourage d'un fond uni (D125) : avant / après, sur fond clair et sur fond foncé ——— */
.kit-cutout{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3);margin:var(--space-3) 0}
.kit-cutout__fig{display:flex;flex-direction:column;gap:var(--space-1);margin:0;min-width:0}
.kit-cutout__img{display:flex;align-items:center;justify-content:center;height:var(--space-24);padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--logo-stage-light)}
.kit-cutout__fig--dark .kit-cutout__img{background:var(--logo-stage-dark)}