{
  "name": "Sommaire numéroté 2 colonnes",
  "family": "list",
  "ref": "ref-04-swiss-investor-blue",
  "intent": "Faire tenir un sommaire de dix à quatorze sections sur une seule slide, en deux colonnes numérotées, lisible d'un coup d'œil et refermable aussitôt.",
  "when_to_use": "Deck long qu'on présente à quelqu'un qui doit savoir combien de temps ça va durer : investisseur, comité, client. Idéalement 10 à 14 entrées.",
  "avoid_when": "Moins de huit entrées (une seule colonne suffit et la deuxième sonne creux), ou entrées de longueur très inégale : à 11 px en capitales, une entrée qui passe sur deux lignes casse l'alignement des filets.",
  "tags": [
    "sommaire",
    "toc",
    "agenda",
    "numerotation",
    "colonnes",
    "deck",
    "slide",
    "navigation",
    "filet",
    "suisse"
  ],
  "vars": [
    {
      "name": "--vl-blue",
      "role": "fond plein de la slide de sommaire",
      "default": "#1B44D8"
    },
    {
      "name": "--vl-hairline-invert",
      "role": "filet sous chaque entrée",
      "default": "#FFFFFF33"
    },
    {
      "name": "--vl-ink-muted-invert",
      "role": "numéro d'entrée, en retrait du libellé",
      "default": "#D3D3D3"
    }
  ],
  "slots": [
    "head",
    "note",
    "entries"
  ],
  "notes": "Trois pièges, tous vérifiés au rendu. 1) ORDRE DE REMPLISSAGE : la grille CSS remplit par lignes, donc le HTML s'écrit 01, 07, 02, 08… pour obtenir 01-06 à gauche et 07-12 à droite. Écrire les entrées dans l'ordre naturel donne 01-02 côte à côte — le sommaire devient illisible sans qu'aucune règle CSS n'ait l'air fausse. 2) BLOC CENTRÉ, PAS ÉTIRÉ : `align-content: center` sur des lignes serrées ; répartir les six lignes sur toute la hauteur (`space-between`) éloigne chaque filet de son entrée et l'espace se lit comme un oubli. 3) NUMÉRO EN RETRAIT : le chiffre est en gris, le libellé en plein — l'inverse fait lire la numérotation avant les sections. La colonne de titre à 40 % laisse volontairement du vide sous elle : c'est la respiration qui signale une slide de transition.",
  "id": "list-03-two-column-toc"
}