/* Pages légales (mentions, confidentialité, CGV, DPA, cookies) : une colonne
   de lecture, les jetons du site, rien de plus. Partagée par les cinq pages. */
.legal { max-width: 760px; margin: 0 auto; padding: var(--s-8) var(--s-4) var(--s-9); }
.legal h1 { font-family: var(--font-h); font-size: clamp(26px, 3.4vw, 34px); color: var(--ink); margin-bottom: var(--s-3); }
.legal h2 { font-family: var(--font-h); font-size: 19px; color: var(--ink); margin: var(--s-7) 0 var(--s-3); }
.legal h3 { font-family: var(--font-h); font-size: 16px; color: var(--ink); margin: var(--s-5) 0 var(--s-2); }
.legal p, .legal li { color: var(--ink-2); line-height: 1.65; }
.legal p + p { margin-top: var(--s-3); }
.legal ul, .legal ol { padding-left: 20px; margin-top: var(--s-3); }
.legal li + li { margin-top: var(--s-2); }
.legal a { color: var(--accent-text); text-decoration: underline; }
.legal table { width: 100%; border-collapse: collapse; margin-top: var(--s-4); font-size: 14.5px; }
.legal th, .legal td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--border); vertical-align: top; color: var(--ink-2); }
.legal th { color: var(--ink); font-weight: 600; }
.legal .tbl { overflow-x: auto; }
.legal .back { display: inline-flex; margin-bottom: var(--s-5); color: var(--accent-text); font-weight: 600; text-decoration: none; }
.legal .back:hover { text-decoration: underline; }
.legal .btn { margin-top: var(--s-4); }
.legal__updated { font-size: 13px; color: var(--ink-3); margin-bottom: var(--s-2); }
.legal__note { padding: var(--s-4); border: 1px solid var(--border); border-radius: var(--r); background: var(--muted); font-size: 14.5px; margin-top: var(--s-4); }
.legal__sign { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--s-5); margin-top: var(--s-6); }
.legal__sign div { padding: var(--s-4); border: 1px dashed var(--border); border-radius: var(--r); min-height: 120px; font-size: 14px; color: var(--ink-3); }
@media (max-width: 600px) { .legal__sign { grid-template-columns: 1fr; } }
@media print {
  .legal { max-width: none; padding: 0; }
  .legal .back, .legal .btn { display: none; }
}