/* Audit du 15 octobre 2026 (livrable 5) : les douze classements permanents (/data/) et leur page d'index, lus par ces pages seulement.
   Tableaux de la feuille commune (le Mono pour les chiffres), cibles de 44 px, jetons seulement, sans défilement de côté (320 px). */
.classement-data .bloc-classement { margin-top: var(--esp-6); }
.classement-data .bloc-classement > .small { max-width: 72ch; }
.classement-data .tableau { position: relative; }
.classement-data .tableau a { display: inline-flex; align-items: center; min-height: var(--cible); }
.classement-data .lead { max-width: 72ch; }
.classement-source { padding: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.classement-source a { color: var(--brume); }
.autres-classements ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--esp-2); }
.autres-classements a { display: inline-flex; align-items: center; min-height: var(--cible); padding: 0 var(--esp-4); border: 1px solid var(--cadre); border-radius: var(--r-pilule); color: var(--parchemin); text-decoration: none; }
.autres-classements a:hover { border-color: var(--or); }
.classements-grille { list-style: none; margin: var(--esp-5) 0 var(--esp-3); padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(260px, 100%), 1fr)); gap: var(--esp-3); }
.carte-classement { display: grid; gap: var(--esp-1); min-height: var(--cible); height: 100%; padding: 14px; background: var(--ardoise); border: 1px solid var(--cadre); border-top: 3px solid var(--or); border-radius: var(--r-md); color: var(--parchemin); text-decoration: none; }
.carte-classement:hover { border-color: var(--or); }
.carte-classement-nom { font: 600 18px/1.3 var(--f-texte); }
.carte-classement .small { color: var(--brume); }
.question-classement { margin-top: var(--esp-6); display: grid; gap: var(--esp-3); scroll-margin-top: 80px; }
.question-classement h2, .question-classement p, .question-classement ul { margin: 0; }
.question-form fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.question-reponses { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.question-reponses button { display: grid; align-content: center; gap: 2px; min-height: var(--cible); padding: 6px 8px; border: 1px solid var(--cadre); background: var(--nuit); color: var(--parchemin); text-align: left; text-transform: none; letter-spacing: 0; }
.question-reponses b { font: 600 15px/1.2 var(--f-texte); overflow-wrap: anywhere; }
.question-reponses span { font: 400 14px/1.2 var(--f-texte); color: var(--brume); overflow-wrap: anywhere; }
.question-reponses button:hover, .question-reponses [aria-pressed="true"] { border-color: var(--or); background: var(--or-fond); color: var(--sur-or); }
.question-reponses button:hover span, .question-reponses [aria-pressed="true"] span { color: var(--sur-or); }
.question-vote { font: 600 18px/1.3 var(--f-texte); color: var(--parchemin); }
.question-fans { list-style: none; padding: 0; display: grid; gap: 4px; font-size: 15px; }
.question-fans .mien { color: var(--or-clair); }
.classement-data .garder-action { margin: 0; }