/* Outil · IOR : seulement ce qui lui est propre (le reste vient de app/kit.css : .groupe, .rangee).
   Préfixe des classes : io- */

/* Une colonne de lecture ; sur ordinateur, les familles en deux colonnes équilibrées (une famille n'est jamais coupée) */
.io { justify-content: flex-start; gap: 0; }
/* Ordinateur : deux colonnes ; les trois premières familles à gauche, les trois autres à droite (15 lignes de chaque côté) */
@media (min-width: 960px) { .io { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: repeat(3, auto); grid-auto-flow: column; column-gap: 56px; align-content: start; } }
.io section { margin-bottom: 10px; }
.io .rangee .val { color: var(--papier); }
/* L'icône copier, comme dans Palette */
.io .rangee .note { display: grid; justify-items: end; }
.io .rangee svg { width: 15px; height: 15px; fill: none; stroke: var(--texte2); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.io .rangee:hover svg { stroke: var(--peche); }