/* استوديو نخيل — لغة الموقع البصرية، مأخوذة من صفحة المانيفستو:
   ورق فاتح، حبر شبه أسود، رمادي للهامش، وIBM Plex Sans Arabic.
   صفحة واحدة تحمل النص، ولا شيء غيره. */

:root{
  --bg:#FAFAFA;
  --ink:#1A1A1A;
  --grey:#6E6E6E;
  --rule:#E6E6E6;
}

*{ box-sizing:border-box; margin:0; padding:0; }

body{
  background:var(--bg);
  color:var(--ink);
  font-family:'IBM Plex Sans Arabic', system-ui, sans-serif;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  min-height:100svh;
  padding:4rem 1.5rem;
}

/* الصفحات القصيرة تتوسط الشاشة كالمانيفستو؛ الطويلة تبدأ من أعلى. */
body.centered{
  display:flex;
  align-items:center;
  justify-content:center;
}

main{ max-width:33rem; margin:0 auto; }

a{ color:var(--ink); text-decoration-color:var(--rule); text-underline-offset:4px; }
a:hover{ text-decoration-color:var(--grey); }

h1{ font-size:1.35rem; font-weight:700; line-height:1.7; margin-bottom:.4rem; }
h2{ font-size:1rem; font-weight:700; margin:2.5rem 0 .7rem; }
p{ font-size:1.05rem; line-height:2.15; }
p + p{ margin-top:1.5rem; }

.lede{ color:var(--grey); font-size:.95rem; line-height:1.9; margin-bottom:2.5rem; }

/* القوائم: بند في سطر، بلا نقاط — الهدوء نفسه. */
ul{ list-style:none; }
li{ font-size:1.05rem; line-height:2.15; }

/* نص متن أصغر للصفحات الطويلة (الخصوصية، الدعم). */
.doc p, .doc li{ font-size:.98rem; line-height:2.05; }
.doc p + p{ margin-top:1rem; }
.doc ul{ margin-top:.6rem; }
.doc li{ margin-bottom:.8rem; padding-inline-start:1rem; position:relative; }
.doc li::before{
  content:""; position:absolute; inset-inline-start:0; top:1.05em;
  width:4px; height:4px; border-radius:50%; background:var(--grey);
}
.doc section + section{ margin-top:.5rem; }

/* شريط التنقل العلوي: العلامة يمينًا والروابط يسارًا. */
.top{
  display:flex; align-items:center; justify-content:space-between;
  gap:1.5rem; margin-bottom:3rem; flex-wrap:wrap;
}
.top nav{ display:flex; gap:1.25rem; font-size:.85rem; color:var(--grey); }
.top nav a{ color:var(--grey); text-decoration:none; }
.top nav a:hover{ color:var(--ink); text-decoration:underline; text-underline-offset:4px; }

/* لا شعار للاستوديو — الاسم نفسه هو العلامة، مكتوبًا كما يُقرأ. */
.studioname{
  font-size:.95rem; font-weight:500; text-decoration:none; color:var(--ink);
}
.studioname:hover{ text-decoration:underline; text-underline-offset:5px; }

.about{
  font-size:.78rem;
  line-height:1.9;
  color:var(--grey);
  margin-top:1rem;
}

footer{
  margin-top:3.5rem;
  padding-top:1.5rem;
  border-top:1px solid var(--rule);
  font-size:.8rem;
  color:var(--grey);
}
footer a{ color:var(--grey); }

@media (max-width:480px){
  body{ padding:2.5rem 1.25rem; }
  p{ font-size:.98rem; }
  .doc p, .doc li{ font-size:.94rem; }
}