:root{--bg:rgb(var(--bg-navy-950));--fg:rgb(var(--fg-chalk));--dim:rgb(var(--fg-chalk-mut));--card:rgb(var(--bg-navy-850));--line:rgb(var(--ln-chalk) / .16);--ac:rgb(var(--fg-teal-400));--warn:rgb(var(--tn-amber-400) / .28)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.9 "Tajawal","Cairo","Segoe UI",Tahoma,system-ui,sans-serif}
header,main,footer{max-width:860px;margin:0 auto;padding:0 18px}header{padding-top:18px;display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;justify-content:space-between}
header a.brand{font-weight:800;color:var(--fg);text-decoration:none}nav{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:15px}nav a{color:var(--ac)}nav a[aria-current]{font-weight:800;text-decoration:none;color:var(--fg)}
main{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:8px 22px 22px;margin-top:14px}h1{font-size:28px;line-height:1.4}h2{font-size:21px;margin-top:28px}h3{font-size:17px;margin-top:20px}.lead{color:var(--dim);font-size:18px}
a{color:var(--ac)}table{width:100%;border-collapse:collapse;font-size:15px;display:block;overflow-x:auto}th,td{border:1px solid var(--line);padding:8px 10px;text-align:right;vertical-align:top}thead th{background:rgb(var(--tn-chalk) / .06)}
mark.ph{background:var(--warn);color:inherit;padding:0 4px;border-radius:4px}bdi{unicode-bidi:isolate}footer a{color:inherit;text-decoration:underline}.meta{color:var(--dim);font-size:14px}.en{font-size:16px;line-height:1.7}
.draft{background:rgb(var(--pp-draft));color:rgb(var(--pp-white));text-align:center;padding:10px 14px;font-weight:800;position:sticky;top:0;z-index:5}footer{padding:18px;color:var(--dim);font-size:14px}
@media print{.draft{position:static}nav{display:none}}