/* Essai Content OS, section « Le problème » en récit (retour de Jack, 25/09) : une ligne après l'autre,
   chacune découle de la précédente. */

.recit {
  display: grid;
  gap: 18px;
  max-width: 26.99em /* 44ch */;
  font-size: clamp(1.125rem, 1.6vw, 1.3125rem);
  line-height: 1.55;
  color: var(--ink-2);
}
.recit p { text-wrap: pretty; }

/* Sur grand écran, le titre à gauche et le récit à droite, pour ne pas laisser une moitié vide. */
@media (min-width: 961px) {
  #probleme .container {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: clamp(40px, 5vw, 80px);
    align-items: start;
  }
  #probleme .section-head { margin-bottom: 0; position: sticky; top: 120px; }
  #probleme .recit { padding-top: 12px; }
}
.recit-court {
  font-family: var(--font-serif);
  font-style: italic;
  font-size: 1.5em;
  line-height: 1.2;
  color: var(--accent-text);
}
.recit-chute {
  margin-top: clamp(12px, 2vw, 24px);
  padding-left: 20px;
  border-left: 3px solid var(--accent);
  color: var(--ink);
  font-weight: 500;
}