/* Shared styles for the public legal pages (privacy.html, terms.html, data-deletion.html).
   Colors mirror the --ref-* tokens in reference-home.css. */
:root{
  color-scheme:dark;
  --legal-bg:#031427;
  --legal-panel:#08192b;
  --legal-line:#274463;
  --legal-text:#f6faff;
  --legal-body:#c7d4e3;
  --legal-muted:#9eb0c7;
  --legal-blue:#1687ff;
  --legal-link:#7fb2ff;
}
*{box-sizing:border-box}
body{
  margin:0;
  background:
    radial-gradient(circle at 72% 0%,rgba(22,135,255,.10),transparent 35%),
    linear-gradient(180deg,#031427 0%,#041222 100%);
  background-color:var(--legal-bg);
  color:var(--legal-text);
  font-family:"Tajawal","Tahoma","Arial",sans-serif;
  line-height:1.85;
}
a{color:var(--legal-link)}
.legal-head{padding:32px 16px 20px;text-align:center;border-bottom:1px solid var(--legal-line)}
.legal-head img{width:72px;height:auto;display:block;margin:0 auto 12px}
.legal-head h1{font-size:22px;margin:0 0 4px}
.legal-head p{margin:0;color:var(--legal-muted);font-size:13px}
.legal-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:14px;font-size:13.5px}
main{max-width:780px;margin:0 auto;padding:28px 16px 48px}
section{margin-bottom:26px}
h2{font-size:17px;color:#cfe0f5;margin:0 0 10px;border-inline-start:3px solid var(--legal-blue);padding-inline-start:10px}
h3{font-size:15px;color:#cfe0f5;margin:16px 0 6px}
p,li{font-size:14.5px;color:var(--legal-body)}
ul,ol{margin:0;padding-inline-start:22px}
li{margin-bottom:8px}
.box{background:var(--legal-panel);border:1px solid var(--legal-line);border-radius:12px;padding:14px 16px;margin:12px 0}
.en{direction:ltr;text-align:left;font-family:"Segoe UI","Tahoma","Arial",sans-serif;border-top:1px solid var(--legal-line);padding-top:26px;margin-top:40px}
.en h2{border-inline-start-color:var(--legal-blue)}
.legal-foot{text-align:center;padding:24px 16px;color:#71859b;font-size:12.5px;border-top:1px solid var(--legal-line)}