/* Hallmark · checked: 2026-11-12 · genre: modern-minimal (inferred) · shape: app screen
 * floor: tokens, 4px scale, no gradient, no glass, no card in card; focus, hover and active on every control; reduced motion respected
 * built: the project · scope: historique des séances (liste et détail) */
/* CASPer Trainer : historique (#/historique) et séance de l'historique. Jetons de css/tokens.css uniquement. */

.hist { overflow-wrap: anywhere; }
.hist__sync { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; margin: 16px 0 8px; color: var(--ardoise); font-size: var(--t13); line-height: 1.5; }
.hist__sync-texte { max-width: 60ch; }
.hist__sync-extra { display: inline-flex; }
.hist__corps { margin-top: 8px; }
.hist__retour { margin: 16px 0 0; }
.hist__retour .btn { padding-left: 0; }
.hist a:hover { text-decoration: underline; text-underline-offset: 0.2em; }
.hist a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.hist a:active { color: var(--accent); }

.hist__scenario { margin-top: 48px; padding-top: 24px; border-top: 1px solid var(--filet); }
.hist__scenario:first-of-type { margin-top: 32px; }
.hist__scenario-tete { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 16px; }
.hist__scenario-tete h2 { font: 600 var(--t20) / 1.3 var(--sans); text-wrap: balance; }
.hist__enonce { margin-top: 8px; }
.hist__enonce .scenario-bloc { margin-top: 8px; max-width: 68ch; }
.hist__notes { margin-top: 24px; max-width: 40rem; }

/* Les notes se tapent dans des champs : la sélection y reste permise malgré la protection de l'écran. */
.hist .note-texte, .hist .champ--note { -webkit-user-select: text; user-select: text; }
.hist .fbc { margin-top: 24px; padding-top: 0; border-top: 0; }

@media (max-width: 600px) {
  .hist__scenario { margin-top: 32px; }
}