/* Stylesheet partagée par les pages légales (#61).
   Inherits base tokens from /style.css (chargée d'abord). */
.legal-header {
  max-width:760px; margin:0 auto;
  padding:24px 24px 12px;
  display:flex; justify-content:space-between; align-items:center; gap:16px;
  flex-wrap:wrap;
  border-bottom:.5px solid var(--border);
}
.legal-back {
  font-size:var(--text-sm); color:var(--text2); text-decoration:none;
}
.legal-back:hover { color:var(--text); }
.legal-lang { display:flex; gap:12px; font-size:var(--text-sm); }
.legal-lang a { color:var(--text3); text-decoration:none; padding:4px 8px; border-radius:6px; }
.legal-lang a:hover { color:var(--text); background:var(--bg2); }
.legal-lang a[aria-current="true"] {
  color:var(--text); background:var(--bg2); font-weight:600;
}

.legal-page {
  max-width:760px; margin:0 auto;
  padding:32px 24px 80px;
  font-size:var(--text-base); line-height:1.65; color:var(--text);
}
.legal-page h1 {
  font-size:var(--text-3xl); font-weight:700;
  margin:0 0 8px; letter-spacing:-.01em;
}
.legal-meta {
  font-size:var(--text-sm); color:var(--text3); margin:0 0 32px;
}
.legal-page h2 {
  font-size:var(--text-xl); font-weight:600;
  margin:40px 0 12px; color:var(--text);
}
.legal-page h3 {
  font-size:var(--text-md); font-weight:600;
  margin:24px 0 8px; color:var(--text);
}
.legal-page p, .legal-page li { color:var(--text); line-height:1.65; }
.legal-page ul, .legal-page ol { padding-left:24px; margin:8px 0 16px; }
.legal-page li { margin:6px 0; }
.legal-page a { color:var(--blue); text-decoration:underline; text-underline-offset:2px; }
.legal-page a:hover { color:var(--blue-s); }
.legal-page strong { font-weight:600; }
.legal-page code {
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  background:var(--bg2); padding:1px 6px; border-radius:4px;
  font-size:.92em;
}

.legal-disclaimer {
  margin-top:48px; padding:16px 20px;
  background:var(--bg2); border-left:3px solid var(--blue);
  border-radius:8px;
  font-size:var(--text-sm); color:var(--text2); line-height:1.55;
}