/* Révision sans connexion : cartes de révision (16 octobre 2026). S'ajoute à style.css et composants.css. */
.rhl__reseau { margin: 0 0 var(--space-4); color: var(--color-ink-muted); font-size: var(--fs-petit); }
.rhl__carte { display: grid; gap: var(--space-3); }
.rhl__tete { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-2); }
.rhl__repere { margin: 0; font-size: var(--fs-corps); font-family: var(--font-ui); font-weight: 700; }
.rhl__barre { height: 8px; background: var(--color-bg); border-radius: 999px; overflow: hidden; }
.rhl__barre > span { display: block; height: 100%; width: 0; background: var(--color-accent); border-radius: 999px; transition: width .2s; }
.rhl__carte .enonce { margin: var(--space-2) 0; }
.rhl__bonnes { margin: 0 0 var(--space-2); display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: baseline; font-weight: 600; overflow-wrap: anywhere; }
.rhl__actions { display: grid; gap: var(--space-3); }
.rhl__jugement { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-3); }
.rhl__ratees { margin: 0; padding-left: 1.2rem; display: grid; gap: var(--space-2); font-size: var(--fs-petit); overflow-wrap: anywhere; }
.rhl__ratees:empty { display: none; }
.rhl__bonnes .lbl { flex: none; font-size: 0.75rem; font-weight: 700; border-radius: 999px; padding: 2px 10px; background: var(--color-accent); color: var(--color-accent-contrast); white-space: nowrap; }
.rhl__tete .rhl__repere { font-size: var(--fs-corps); line-height: 1.3; }
.rhl__carte .enonce { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 1.25rem; line-height: 1.35; font-weight: 600; color: var(--color-ink); }
.rhl__carte .explication { margin: 0; }