/* Styles partagés par mentions-legales.html et confidentialite.html — pages de texte
   simples, même esprit que assets/auth-pages.css (une seule feuille pour éviter de
   dupliquer un bloc <style> par page). */
*{ box-sizing:border-box; }
html,body{
  margin:0; padding:0; background:var(--bg); color:var(--text);
  font-family: -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  min-height:100%;
}
body{ display:flex; flex-direction:column; min-height:100vh; }
#legal-page{
  flex:1; width:100%; max-width:720px; margin:0 auto;
  padding:48px 20px 20px; line-height:1.7;
}
#legal-page .back-link{
  display:inline-block; margin-bottom:24px; font-size:13px;
  color:var(--text-dim); text-decoration:none;
}
#legal-page .back-link:hover{ color:var(--accent); }
#legal-page h1{
  font-size:22px; margin:0 0 4px; color:var(--text);
}
#legal-page .updated-at{
  font-size:12px; color:var(--text-dim); margin:0 0 32px;
}
#legal-page h2{
  font-size:16px; margin:32px 0 8px; color:var(--text);
}
#legal-page p, #legal-page li{
  font-size:14px; color:var(--text-dim); margin:0 0 12px;
}
#legal-page strong{ color:var(--text); font-weight:600; }
#legal-page ul{ margin:0 0 12px; padding-left:20px; }
#legal-page a{ color:var(--accent); }