/* ============================================================
   ESSAIS · variante rédactionnelle des études
   Se charge APRÈS etude.css et ne change QUE la mise en page :
   pas de résumé encadré, pas de protocole numéroté, pas de
   grille de chiffres : un texte continu sur une colonne plus
   étroite.

   Aucune police n'est redéfinie ici : les essais héritent
   exactement du système typographique des études : Inter pour
   le texte, Archivo pour les titres, JetBrains Mono pour les
   métadonnées, Georgia réservé aux accents (h1 em).
   ============================================================ */

/* ---------- colonne de lecture ---------- */
.essai .prose {
  width: min(100% - 2.6rem, 636px);
  margin-inline: auto;
  padding: clamp(2.2rem, 4.5vw, 3.2rem) 0 0;
}

.essai .prose p { margin: 0 0 1.2rem; }

/* le premier paragraphe respire un peu plus : c'est un rythme,
   pas un changement de famille ni de graisse. */
.essai .prose p.lead {
  font-size: 1.06rem;
  line-height: 1.8;
  color: var(--paper);
}

/* sous-titres : mêmes titres que les études, sans numéro d'étape */
.essai .prose h2 { margin: 2.9rem 0 1rem; }
.essai .prose h2::before {
  content: '';
  display: block;
  width: 34px;
  height: 1px;
  margin-bottom: 1rem;
  background: var(--line);
}

/* citation : la famille des titres, filet doré, pas d'italique */
.essai .prose .pull {
  margin: 2.5rem 0;
  padding: .1rem 0 .1rem 1.25rem;
  border-left: 2px solid var(--orange);
  font-family: var(--display);
  font-weight: 600;
  font-size: clamp(1.15rem, 2.2vw, 1.34rem);
  line-height: 1.45;
  letter-spacing: -.022em;
  color: var(--paper);
}

.essai .prose figure { margin: 2.4rem 0; }

/* note de sources : mono, comme les métadonnées et les légendes */
.essai .prose .note {
  margin-top: 3rem;
  padding-top: 1.15rem;
  border-top: 1px solid var(--line);
  color: #8fa4b4;
  font: .72rem/1.8 var(--mono);
}
.essai .prose .note.proof { margin-top: .7rem; padding-top: 0; border-top: 0; }
.essai .prose .note.proof a { color: var(--paper); text-underline-offset: 3px; }
.essai .prose .note strong {
  display: block;
  margin-bottom: .55rem;
  color: var(--orange);
  font: 400 .6rem/1 var(--mono);
  letter-spacing: .16em;
  text-transform: uppercase;
}

/* ---------- petits écrans ---------- */
@media (max-width: 620px) {
  .essai .prose p.lead { font-size: 1.02rem; }
  .essai .prose .pull { font-size: 1.12rem; }
}

/* ---------- impression ---------- */
@media print {
  .essai .prose p,
  .essai .prose h2,
  .essai .prose .pull { color: #111; }
}