/* dz — صفحات قانونية (سياسة الخصوصية + شروط الاستخدام)
   مستقلّة عن styles.css عمدًا: هاتان الصفحتان لا يجوز أن تنكسرا مع أي
   إعادة تصميم للصفحة الرئيسية — يُشار إليهما من التطبيق ومن App Store. */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');

:root{
  --paper:#FBFAF8;      /* رمادي مائل للدفء لا أبيض ناصع */
  --card:#FFFFFF;
  --line:#E6E3DE;
  --ink:#1A1A24;
  --ink-soft:#4A4A5A;
  --muted:#77778A;
  --accent:#5B45E0;     /* بنفسج دز */
  --accent-soft:#F1EEFF;
  --sans:'IBM Plex Sans Arabic','Segoe UI',system-ui,sans-serif;
}

*{box-sizing:border-box}
html{ -webkit-text-size-adjust:100% }
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:var(--sans); font-size:16px; line-height:1.85;
  /* أرقام لاتينية دائمًا حتى داخل النص العربي */
  font-variant-numeric:lining-nums tabular-nums;
}

.doc{ max-width:720px; margin:0 auto; padding:40px 24px 88px }

.back{
  display:inline-block; margin-bottom:28px; color:var(--muted);
  text-decoration:none; font-size:14px;
}
.back:hover{ color:var(--accent) }

h1{
  font-size:clamp(28px,5vw,38px); font-weight:700; line-height:1.3;
  margin:0 0 6px; letter-spacing:-.01em; text-wrap:balance;
}
.upd{ margin:0 0 28px; color:var(--muted); font-size:13.5px }

.lead{
  font-size:17.5px; color:var(--ink-soft); background:var(--card);
  border:1px solid var(--line); border-right:3px solid var(--accent);
  border-radius:12px; padding:18px 20px; margin:0 0 40px;
}

h2{
  font-size:20px; font-weight:700; margin:44px 0 12px;
  padding-bottom:10px; border-bottom:1px solid var(--line);
}
h3{ font-size:16.5px; font-weight:600; margin:28px 0 8px; color:var(--accent) }

p{ margin:0 0 14px; color:var(--ink-soft) }
strong{ color:var(--ink); font-weight:600 }
a{ color:var(--accent) }

ul{ margin:0 0 18px; padding-inline-start:0; list-style:none }
li{
  position:relative; padding-inline-start:20px; margin-bottom:9px;
  color:var(--ink-soft);
}
li::before{
  content:''; position:absolute; inset-inline-start:2px; top:.72em;
  width:6px; height:6px; border-radius:50%; background:var(--accent); opacity:.55;
}

.note{
  background:var(--accent-soft); border-radius:10px;
  padding:14px 16px; font-size:15px; color:var(--ink-soft); margin:16px 0 20px;
}

table{
  width:100%; border-collapse:collapse; margin:8px 0 20px;
  background:var(--card); border:1px solid var(--line); border-radius:12px;
  overflow:hidden; font-size:15px;
}
thead th{
  background:#F4F2EE; text-align:start; font-weight:600; color:var(--ink);
  padding:11px 14px; font-size:14px;
}
td{ padding:12px 14px; border-top:1px solid var(--line); color:var(--ink-soft); vertical-align:top }

.table-wrap{ overflow-x:auto }

.doc-foot{
  margin-top:56px; padding-top:22px; border-top:1px solid var(--line);
  color:var(--muted); font-size:14px; display:flex; gap:10px;
}
.doc-foot a{ text-decoration:none }
.doc-foot a:hover{ text-decoration:underline }

@media (max-width:520px){
  .doc{ padding:28px 18px 64px }
  table{ font-size:14px }
  thead th, td{ padding:10px }
}