/* Siya9a Pro — pages légales (confidentialité, CGU, mentions légales, suppression du compte)
   Standalone: aucune dépendance au reste de l'app. Clair/sombre automatiques, RTL-ready. */
:root{
  --bg:#f8fafc; --card:#ffffff; --ink:#0f172a; --soft:#475569; --line:#e2e8f0;
  --brand:#0891b2; --brand-d:#0e7490; --warn-bg:#fef3c7; --warn-ink:#92400e;
}
@media (prefers-color-scheme: dark){
  :root{ --bg:#0b1220; --card:#111a2c; --ink:#e5edf7; --soft:#a8b6c9; --line:#22304a;
         --brand:#22d3ee; --brand-d:#67e8f9; --warn-bg:#3b2f0b; --warn-ink:#fde68a; }
}
*{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body{
  margin:0; background:var(--bg); color:var(--ink);
  font:16px/1.65 "DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}
html[dir="rtl"] body{ font-family:"Cairo","DM Sans",system-ui,sans-serif; }
.lg-top{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  max-width:820px; margin:0 auto; padding:16px 20px;
}
.lg-brand{ display:flex; align-items:center; gap:10px; font-weight:800; color:var(--ink); text-decoration:none; }
.lg-brand img{ width:34px; height:34px; border-radius:8px; object-fit:cover; }
.lg-back{ color:var(--brand-d); font-weight:600; font-size:14px; text-decoration:none; }
main{ max-width:820px; margin:0 auto; padding:8px 20px 48px; }
h1{ font-family:"Cairo","DM Sans",sans-serif; font-size:28px; line-height:1.25; margin:8px 0 6px; }
h2{ font-family:"Cairo","DM Sans",sans-serif; font-size:19px; margin:28px 0 6px; }
h3{ font-size:16px; margin:16px 0 4px; }
p, li{ color:var(--soft); }
ul{ padding-inline-start:22px; }
strong{ color:var(--ink); }
a{ color:var(--brand-d); }
.lg-meta{ font-size:13px; color:var(--soft); margin:0 0 18px; }
.lg-card{ background:var(--card); border:1px solid var(--line); border-radius:14px; padding:18px 20px; margin:14px 0; }
.lg-note{ background:var(--warn-bg); color:var(--warn-ink); border-radius:12px; padding:12px 16px; font-size:14px; margin:14px 0; }
.lg-note strong{ color:inherit; }
table{ width:100%; border-collapse:collapse; font-size:14px; margin:10px 0; }
th,td{ text-align:start; padding:8px 10px; border-bottom:1px solid var(--line); vertical-align:top; }
th{ color:var(--ink); }
.lg-links{ display:flex; flex-wrap:wrap; gap:6px 18px; font-size:14px; margin-top:32px; padding-top:16px; border-top:1px solid var(--line); }
footer{ max-width:820px; margin:0 auto; padding:0 20px 28px; font-size:12px; color:var(--soft); }
.lg-btn{
  display:inline-block; background:var(--brand-d); color:#fff; padding:10px 16px; border-radius:10px;
  font-weight:700; text-decoration:none; font-size:14px;
}
@media (prefers-color-scheme: dark){ .lg-btn{ color:#06222b; background:var(--brand); } }
@media (max-width:480px){ h1{ font-size:24px; } }