/* legal.css : feuille minimale, volontairement sans design.
   Les deux sites la surchargent en redéfinissant ces variables ou en ajoutant leur propre feuille après celle-ci. */
:root { --legal-fond: #fff; --legal-texte: #1a1a1a; --legal-lien: #0b57d0; --legal-largeur: 46rem; --legal-marque: #fff3b0; }
body { margin: 0; background: var(--legal-fond); color: var(--legal-texte); font: 1rem/1.6 system-ui, sans-serif; }
.legal-header, .legal, .legal-footer { max-width: var(--legal-largeur); margin: 0 auto; padding: 0 1rem; }
.legal-header ul { display: flex; flex-wrap: wrap; gap: .5rem 1rem; list-style: none; padding: 0; }
.legal-header a[aria-current="page"] { font-weight: 700; }
a { color: var(--legal-lien); }
h1 { font-size: 1.75rem; line-height: 1.25; }
h2 { font-size: 1.25rem; margin-top: 2rem; }
h3 { font-size: 1.05rem; }
.lead { font-size: 1.1rem; }
.maj { font-size: .875rem; opacity: .75; }
table { border-collapse: collapse; width: 100%; font-size: .95rem; }
th, td { border: 1px solid currentColor; padding: .4rem .6rem; text-align: left; vertical-align: top; }
mark { background: var(--legal-marque); color: inherit; padding: 0 .15em; }
.legal-footer { font-size: .875rem; padding-bottom: 2rem; }
@media (max-width: 40rem) { table { display: block; overflow-x: auto; } }