/* Pages de contenu, espace, paiement. */
.heros--page { padding: 32px 0 20px; }
.h1-page { font-size: clamp(1.8rem, 3.6vw, 2.5rem); }
.lead { margin: 8px 0 12px; }
.espace-tete { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 16px; }
.docs { display: grid; gap: 10px; margin-top: 20px; }
.doc { display: grid; gap: 12px; background: var(--feuille); border: 1px solid var(--trait); border-radius: var(--r); padding: 16px; }
@media (min-width: 860px) { .doc { grid-template-columns: 1fr auto; align-items: center; } }
.doc h2 { font-size: 1.08rem; margin: 4px 0 2px; }
.doc p { margin: 0; }
.doc__type { font: 600 .74rem/1 var(--mono); letter-spacing: .05em; text-transform: uppercase; color: var(--accent); }
.doc__type--sortie { color: var(--encre-2); }
.doc__actions { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.doc__actions form { margin: 0; }