/* الحشو (padding) ثابت لا vw-متغيّر بقصد - نفس إصلاح خلل انكسار صف
   البحث/الأزرار بلوحة الصدارة (leaderboard.css) حيث الجمع بين max-width
   وحشو متغيّر بالعرض كان يُصغّر المساحة الداخلية المتاحة كلما كبرت الشاشة،
   بعكس المتوقع - أُصلح بنفس الطريقة بكل صفحات الموقع للاتساق. */
main.legal {
  max-width: 780px;
  margin: 0 auto;
  padding: 0 24px 64px;
}

.legal-updated {
  color: var(--text-muted);
  font-size: 13px;
  margin: -8px 0 28px;
  text-align: center;
}

.legal-section { margin-bottom: 22px; }
.legal-section h2 {
  font-size: 16px;
  font-weight: 800;
  margin: 0 0 10px;
  color: var(--accent);
}
.legal-section p, .legal-section li {
  color: var(--text-primary);
  font-size: 14.5px;
  line-height: 2;
  margin: 0 0 8px;
}
.legal-section ul { margin: 0 0 8px; padding-inline-start: 22px; }
.legal-section strong { color: var(--text-primary); }

.legal-note {
  background: var(--accent-soft);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 16px 18px;
  font-size: 13.5px;
  color: var(--text-muted);
  line-height: 1.9;
  margin-bottom: 28px;
}

.contact-box {
  background: var(--surface-2);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 18px 20px;
  font-size: 14px;
}
.contact-box a { color: var(--accent); text-decoration: none; }
.contact-box a:hover { text-decoration: underline; }