/* Pages légales — complète compte.css (même charte). */

.wrap.legal{ max-width: 780px; }
.legal .card{ padding: 32px 22px; }
@media (min-width: 640px){ .legal .card{ padding: 44px 48px; } }
.legal h1{ font-size: clamp(1.6rem, 3.5vw, 2.1rem); margin-bottom: 6px; }
.legal .updated{ color: var(--text-secondary); font-size: .85rem; margin: 0 0 28px; }
.legal h2{ font-size: 1.12rem; margin: 34px 0 10px; padding-top: 22px; border-top: 1px solid var(--border); }
.legal h2:first-of-type{ border-top: 0; padding-top: 0; }
.legal h3{ font-size: .98rem; margin: 20px 0 6px; }
.legal p, .legal li{ color: #D3D5DE; font-size: .94rem; }
.legal p{ margin: 0 0 12px; }
.legal ul{ margin: 0 0 12px; padding-left: 20px; }
.legal li{ margin-bottom: 6px; }
.legal a{ color: var(--text); text-decoration: underline; text-underline-offset: 3px; }
.legal strong{ color: var(--text); }
.legal mark{ background: rgba(242,183,5,.16); color: #F5C842; padding: 1px 6px; border-radius: 6px; font-weight: 500; }
.legal table{ width: 100%; border-collapse: collapse; margin: 6px 0 16px; font-size: .88rem; }
.legal th, .legal td{ text-align: left; vertical-align: top; padding: 9px 10px; border-bottom: 1px solid var(--border); color: #D3D5DE; }
.legal th{ color: var(--text); font-weight: 600; }
.legal .table-wrap{ overflow-x: auto; }
.legal .box{ background: var(--surface-2); border: 1px solid var(--border-strong); border-radius: var(--radius-sm); padding: 14px 16px; margin: 0 0 14px; }
.legal-nav{ display: flex; flex-wrap: wrap; gap: 8px 16px; justify-content: center; margin-top: 18px; font-size: .85rem; }
.legal-nav a{ color: var(--text-secondary); }
.legal-nav a:hover{ color: var(--text); }

/* Impression / PDF : fond blanc, texte noir, sans navigation. */
@media print{
  @page{ margin: 18mm 16mm; }
  body{ background: #fff !important; color: #111 !important; }
  .top, .legal-nav, .back{ display: none !important; }
  .wrap.legal{ max-width: none; margin: 0; padding: 0; }
  .legal .card{ background: none; border: 0; box-shadow: none; padding: 0; }
  .legal h1, .legal h2, .legal h3, .legal strong, .legal th{ color: #111 !important; }
  .legal p, .legal li, .legal td{ color: #222 !important; }
  .legal .updated{ color: #555 !important; }
  .legal a{ color: #2E32A2 !important; }
  .legal h2{ border-top-color: #ddd; break-after: avoid; }
  .legal th, .legal td{ border-bottom-color: #ddd; }
  .legal .box{ background: #f4f3fb; border-color: #d9d6ef; break-inside: avoid; }
  .legal mark{ background: #fff3c4; color: #7a5b00; }
}