/* GD – styles partagés (pages légales) */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
  :root {
    --ink: #0f0f16; --ink-muted: #585a66; --ink-faint: #a2a4b0;
    --bg: #ffffff; --surface: #f4f5f8;
    --brand: #232288; --brand-bright: #3b38e0; --dark: #14142c;
    --border: rgba(15,15,22,0.10);
    --display: 'Bricolage Grotesque', system-ui, sans-serif;
    --sans: 'Hanken Grotesk', system-ui, sans-serif;
  }
  html { scroll-behavior: smooth; }
  body { font-family: var(--sans); background: var(--bg); color: var(--ink); font-size: 16px; line-height: 1.7; -webkit-font-smoothing: antialiased; }

  .legal-nav { display: flex; align-items: center; justify-content: space-between; padding: 1.25rem 5vw; border-bottom: 1px solid var(--border); position: sticky; top: 0; background: rgba(255,255,255,0.9); backdrop-filter: blur(12px); z-index: 10; }
  .legal-nav img { height: 44px; width: 44px; display: block; border-radius: 50%; }
  .legal-nav .back { font-size: 0.9rem; font-weight: 500; color: var(--ink-muted); text-decoration: none; transition: color 0.2s; }
  .legal-nav .back:hover { color: var(--brand); }

  .legal-header { max-width: 760px; margin: 0 auto; padding: 4.5rem 5vw 2.5rem; }
  .legal-header .label { font-size: 0.78rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--brand-bright); margin-bottom: 1rem; }
  .legal-header h1 { font-family: var(--display); font-weight: 600; font-size: clamp(2.2rem, 4vw, 3rem); line-height: 1.05; letter-spacing: -0.03em; color: var(--ink); }
  .legal-header .date { margin-top: 1rem; font-size: 0.9rem; color: var(--ink-faint); }

  .legal-content { max-width: 760px; margin: 0 auto; padding: 0 5vw 5rem; }
  .legal-content h2 { font-family: var(--display); font-weight: 600; font-size: 1.5rem; letter-spacing: -0.02em; color: var(--ink); margin: 2.75rem 0 0.85rem; }
  .legal-content h3 { font-family: var(--display); font-weight: 600; font-size: 1.12rem; color: var(--ink); margin: 1.75rem 0 0.6rem; }
  .legal-content p { color: var(--ink-muted); margin-bottom: 1rem; }
  .legal-content ul { color: var(--ink-muted); margin: 0 0 1rem 1.25rem; }
  .legal-content li { margin-bottom: 0.4rem; }
  .legal-content a { color: var(--brand-bright); text-decoration: none; border-bottom: 1px solid rgba(59,56,224,0.3); transition: border-color 0.2s; }
  .legal-content a:hover { border-color: var(--brand-bright); }
  .legal-content strong { color: var(--ink); font-weight: 600; }
  .legal-content .intro { font-size: 1.1rem; color: var(--ink-muted); line-height: 1.6; margin-bottom: 0.5rem; }

  footer { background: var(--dark); color: rgba(255,255,255,0.55); text-align: center; padding: 3rem 2rem; font-size: 0.9rem; }
  footer a { color: rgba(255,255,255,0.85); text-decoration: none; }
  footer a:hover { color: #fff; }
  .footer-social { display: flex; justify-content: center; gap: 1.25rem; margin-bottom: 1.5rem; }
  .footer-social a { display: inline-flex; color: rgba(255,255,255,0.6); transition: color 0.2s, transform 0.2s; }
  .footer-social a:hover { color: #fff; transform: translateY(-2px); }
  .footer-legal { margin-bottom: 0.4rem; }
  .footer-links { font-size: 0.85rem; color: rgba(255,255,255,0.4); }