:root{--bg:#121212;--ink:#EDEAE3;--muted:#A3A09A;--line:#2E2E2E;--brass:#B8A07A}
@media (prefers-color-scheme: light){:root{--bg:#FAF9F5;--ink:#141414;--muted:#5E5B56;--line:#D9D5CE;--brass:#7A6440}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.9 "Noto Naskh Arabic","IBM Plex Sans Arabic",system-ui,sans-serif}
main{max-width:720px;margin:0 auto;padding:48px 20px 80px}
h1{font-family:Amiri,"Noto Naskh Arabic",serif;font-weight:400;font-size:40px;line-height:1.4;margin:0 0 4px}
h2{font-size:20px;font-weight:600;margin:36px 0 8px}
p,li{color:var(--ink)}
.meta{color:var(--muted);font-size:14px}
a{color:var(--ink)}
hr{border:0;border-top:1px solid var(--line);margin:56px 0}
.en{direction:ltr;text-align:left;font-family:system-ui,sans-serif;font-size:16px;line-height:1.7}
.en h1{font-family:Georgia,serif}
nav{display:flex;gap:20px;margin-bottom:40px;font-size:15px}
.draft{border:1px solid var(--brass);color:var(--brass);padding:10px 14px;font-size:14px;margin-bottom:28px}