/* Styles des pages secondaires (mandat 09, addendum 2) : à propos, contact,
   prise en charge, mentions légales, confidentialité, conditions, garantie,
   cookies. Complète style.css (variables de palette, .btn, .badge, header,
   bande d'annonce et footer déjà définis là-bas). */

.page-content { padding: 48px 0 24px; max-width: 76ch; }
.legal-page .eyebrow {
  font-size: .78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--accent-strong);
  margin-bottom: .6em;
}
.legal-page h1 { margin-bottom: .5em; }
.legal-page h2 { margin-top: 2em; margin-bottom: .5em; font-size: 1.25rem; }
.legal-page p, .legal-page li { color: var(--brand-700); line-height: 1.65; }
.legal-page ul, .legal-page ol { padding-left: 1.4em; }
.legal-page .timeline-plain { padding-left: 1.4em; }
.legal-page .timeline-plain li { margin-bottom: .5em; }

/* Bouton stylé comme un lien inline (mandat « Connecter Reliéo à Meta ») —
   réouvre le bandeau de consentement, voir consent.js. */
.link-button {
  background: none; border: none; padding: 0; margin: 0;
  font: inherit; color: var(--accent-strong);
  text-decoration: underline; text-underline-offset: .2em;
  cursor: pointer;
}
.link-button:hover, .link-button:focus-visible { color: var(--accent); }
.legal-page code {
  font-size: .85em;
  background: var(--paper-alt);
  padding: .1em .4em;
  border-radius: 4px;
  /* Débordement horizontal réel corrigé (mandat 10, détecté par la CI sur
     Linux — non reproduit localement sur Windows, voir
     docs/MANDAT_10_AUTOMATISATION_CICD.md) : un chemin de fichier sans
     espace (ex. "docs/DECISIONS_JURIDIQUES_A_VALIDER.md") n'a aucun point
     de coupure naturel et peut dépasser la largeur disponible à 320px. */
  overflow-wrap: anywhere;
}
.legal-page .cta-main { margin: 1.2em 0; }