/* Mentions légales : styles propres à la page (prototype vivant, 27.09.2026). */

/* six fiches numérotées sur papier, en deux colonnes qui s'empilent au téléphone */
.mentions-grille { columns: 2 380px; column-gap: 16px; }
.mentions-grille > * { break-inside: avoid; margin-bottom: 16px; }
.mentions-fiche { position: relative; display: block; max-width: none; padding: 26px 26px 22px; border-radius: 20px; background: #fff;
  border: 1px solid rgba(12,10,22,.08); box-shadow: 0 16px 40px rgba(20,16,45,.06); overflow: hidden; }
.mentions-fiche__num { position: absolute; top: 14px; right: 20px; font: 800 44px/1 var(--serif); color: transparent;
  -webkit-text-stroke: 1.2px rgba(49,40,93,.35); pointer-events: none; }
.mentions-fiche h2 { font-size: clamp(22px, 2vw, 27px); margin: 0 0 .5em; padding-right: 60px; color: var(--nuit); }
.mentions-fiche p { margin: 0 0 .7em; font-size: 16px; }
.mentions-fiche p:last-child { margin-bottom: 0; }
.mentions-fiche b { color: var(--nuit); }
.mentions-fin { margin: clamp(26px, 4vw, 40px) 0 0; max-width: 62ch; color: #4d4868; font-size: 15px; }