/**
 * legal.css — styles communs aux pages légales dotflo
 * (mentions-legales, confidentialite). Portage des styles scopés
 * identiques des deux pages Astro correspondantes. Tous les sélecteurs
 * sont préfixés par .page-legal pour éviter toute fuite vers les autres
 * pages (Blade ne scope pas automatiquement comme Astro).
 */

.page-legal .legal-hero { padding-block: var(--space-8); }
@media (min-width: 1024px) {
  .page-legal .legal-hero { padding-block: var(--space-16) var(--space-8); }
}

.page-legal .legal-hero__inner { display: flex; flex-direction: column; gap: var(--space-2); }

.page-legal .legal-content { padding-block: var(--space-6) var(--space-16); }

.page-legal .legal-content__inner { max-width: 720px; display: flex; flex-direction: column; gap: var(--space-6); }

.page-legal .legal-content__inner h2 { font-size: var(--text-h3); font-weight: var(--font-weight-bold); margin-bottom: calc(-1 * var(--space-4)); max-width: none; }

.page-legal .legal-content__inner p { color: var(--color-text); font-size: var(--text-body); line-height: var(--leading-normal); max-width: 68ch; }

.page-legal .legal-update { font-size: var(--text-small); color: var(--color-neutral-1); }