/* ==========================================================================
   HUNGRY JAZZ — LE TEXTE RÉDIGÉ DANS L'ÉDITEUR
   --------------------------------------------------------------------------
   `.prose` habille ce que le client écrit lui-même, sans champs : un article,
   des mentions légales, une politique de confidentialité. Partout où le
   gabarit ne décide que du cadre et pas du contenu.

   CE FICHIER EXISTE POUR ÊTRE PARTAGÉ. Ces règles vivaient dans
   `page-actualites.css` ; les pages légales en ont exactement le même besoin,
   et charger la feuille des actualités pour obtenir un style de paragraphe
   aurait embarqué des cartes et une pagination dont elles n'ont que faire.

   Aucune valeur nouvelle : uniquement des jetons de `tokens.css`.
   ========================================================================== */

.prose { font-size: var(--fs-body); line-height: 1.65; }

.prose > * + * { margin-top: var(--sp-s); }

.prose h2 {
  font-family: var(--f-display);
  font-weight: var(--fw-black);
  font-size: var(--fs-h3);
  line-height: 1.1;
  text-transform: uppercase;
  letter-spacing: -.01em;
  margin-top: var(--sp-l);
}
.prose h3 {
  font-family: var(--f-display);
  font-weight: var(--fw-bold);
  font-size: var(--fs-lead);
  line-height: 1.2;
  margin-top: var(--sp-m);
}

.prose a {
  text-decoration: underline;
  text-underline-offset: .25em;
}
.prose a:hover,
.prose a:focus-visible { text-decoration-thickness: 2px; }

.prose ul,
.prose ol { padding-left: 1.3em; }
.prose li + li { margin-top: var(--sp-3xs); }

.prose blockquote {
  border-left: 6px solid var(--c-solo-jazz);
  padding-left: var(--sp-s);
  font-family: var(--f-display);
  font-size: var(--fs-lead);
  font-weight: var(--fw-medium);
  line-height: 1.3;
}
.prose blockquote p + p { margin-top: var(--sp-2xs); }

.prose img,
.prose figure img {
  display: block;
  inline-size: 100%;
  block-size: auto;
}
.prose figcaption {
  margin-top: var(--sp-3xs);
  font-family: var(--f-cond);
  font-size: var(--fs-label);
  letter-spacing: var(--ls-label);
  text-transform: uppercase;
  color: var(--c-on-paper-muted);
}

.prose hr {
  border: 0;
  border-top: var(--bd-rule) solid var(--c-ink);
  margin-block: var(--sp-l);
}

.prose code {
  font-size: .9em;
  padding: .15em .35em;
  background: var(--c-rule-soft);
}