/* =============================================================
   Page Mentions légales et confidentialité (VITRINE-S18, 25/09/2026) : page statique, aucune animation.
   Largeur de lecture limitée ; marges latérales de .container gardées (padding-block seulement, cf. VITRINE-S8).
   ============================================================= */
.legal { padding-block: clamp(40px, 7vw, 88px) clamp(48px, 7vw, 96px); }
.legal > * { max-width: 760px; }
.legal-head { margin-bottom: clamp(28px, 4vw, 44px); }
.legal-head h1 { font-family: 'JetBrains Mono', monospace; font-size: clamp(30px, 4.2vw, 46px); font-weight: 600; letter-spacing: -0.02em; line-height: 1.1; margin: 0 0 14px; text-wrap: balance; }
.legal-intro { font-size: 17px; line-height: 1.6; color: var(--text-muted); max-width: 60ch; }
.legal-block { padding-block: clamp(22px, 3vw, 30px); border-top: 1px solid var(--border); }
.legal-block h2 { font-size: clamp(20px, 2.2vw, 24px); font-weight: 600; letter-spacing: -0.01em; margin: 0 0 16px; }
.legal-block h3 { font-size: 16px; font-weight: 600; margin: 22px 0 8px; }
.legal-block p { font-size: 15.5px; line-height: 1.65; color: var(--text-muted); max-width: 68ch; }
.legal-block p + p { margin-top: 10px; }
.legal-block .legal-lead { color: var(--text); }
.legal a { color: var(--blue-soft); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(124, 192, 255, 0.5); }
.legal a:hover { color: #fff; text-decoration-color: currentColor; }
.legal-list { display: grid; grid-template-columns: minmax(150px, 220px) minmax(0, 1fr); gap: 10px 24px; }
.legal-list dt { font: 500 12px/1.9 'JetBrains Mono', monospace; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-faint); }
.legal-list dd { font-size: 15.5px; line-height: 1.6; color: var(--text); overflow-wrap: anywhere; }
.legal-list dd a { display: inline-flex; align-items: center; min-height: 24px; }   /* seul dans sa case : cible tactile de 24 px */
@media (max-width: 560px) {
  .legal-list { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  .legal-list dd { margin-bottom: 12px; }
}
.legal-date { margin-top: 28px; font: 500 12px 'JetBrains Mono', monospace; letter-spacing: 0.06em; color: var(--text-faint); }
.site-footer .footer-links a[aria-current="page"] { color: var(--text); }