/* Déroulé de séance et points clés — composant de la page détail d'une séance
   prévue. Séparé de style.css comme renforcement.css et tabbar.css. */

/* Un titre de section discret : il sépare sans concurrencer le titre de séance. */
.section-titre {
  font: var(--type-label); letter-spacing: var(--tracking-label);
  text-transform: uppercase; color: var(--encre-douce);
  margin: var(--space-6) 0 var(--space-2);
}

/* Le déroulé se lit en diagonale : le quoi à gauche, la durée à droite alignée
   sur ses chiffres, la cible sur une seconde ligne pour ne pas serrer le tout. */
.deroule {
  background: var(--carte); border: var(--border-1) solid var(--trait);
  box-shadow: var(--shadow-pixel-sm);
}
.deroule__ligne {
  display: grid; grid-template-columns: 2.75rem 1fr auto;
  column-gap: var(--space-3); padding: var(--space-3);
  border-bottom: var(--border-1) solid var(--trait-fin);
}
.deroule__ligne:last-child { border-bottom: 0; }
.deroule__repet {
  grid-column: 1; grid-row: 1 / span 2;
  font: var(--type-label); letter-spacing: var(--tracking-label); color: var(--encre-douce);
}
.deroule__quoi { grid-column: 2; grid-row: 1; min-width: 0; }
.deroule__duree { grid-column: 3; grid-row: 1; font-variant-numeric: tabular-nums; }
.deroule__cible {
  grid-column: 2 / -1; grid-row: 2; margin-top: var(--space-1);
  font: var(--type-label); letter-spacing: var(--tracking-label); color: var(--encre-douce);
}

.points { list-style: none; margin: 0; padding: 0; }
.points__l {
  position: relative; padding-left: var(--space-5); margin-bottom: var(--space-2);
}
.points__l::before {
  content: ""; position: absolute; left: 0; top: 0.55em;
  width: 8px; height: 8px; background: var(--accent);
}