:root{
  --bg:#F5F4F0; --surface:#FFFFFF; --ink:#16223A; --ink-2:#3A4150; --muted:#6B7180; --line:#DEDDD7;
  --gold:#A8854F; --gold-soft:rgba(168,133,79,.14);
  --display:"Markazi Text","Noto Naskh Arabic",Georgia,serif;
  --body:"Vazirmatn",Tahoma,"Segoe UI",sans-serif;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  color-scheme:dark; --bg:#0E1522; --surface:#141D2D; --ink:#E9E7E1; --ink-2:#C3C4C8; --muted:#8E94A1; --line:#27324A;
  --gold:#C8A56E; --gold-soft:rgba(200,165,110,.13);
}}
:root[data-theme="dark"]{
  color-scheme:dark; --bg:#0E1522; --surface:#141D2D; --ink:#E9E7E1; --ink-2:#C3C4C8; --muted:#8E94A1; --line:#27324A;
  --gold:#C8A56E; --gold-soft:rgba(200,165,110,.13);
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:2}
.wrap{max-width:760px;margin-inline:auto;padding:28px 16px 64px}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px}
.top a{color:var(--ink);text-decoration:none}
.brand{font-family:var(--display);font-size:30px;font-weight:700}
.top nav{display:flex;gap:16px;font-size:14px}
.top nav a{color:var(--muted)}
.top nav a[aria-current="page"]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--gold)}
h1{font-family:var(--display);font-size:clamp(32px,5vw,42px);font-weight:600;line-height:1.3;margin:0 0 6px}
.meta{color:var(--muted);font-size:13.5px;margin:0 0 22px}
.lead{font-size:17px;color:var(--ink-2);margin:0 0 8px}
h2{font-size:19px;font-weight:700;margin:34px 0 8px}
p,li{color:var(--ink-2)}
p{margin:0 0 10px}
ul{margin:0 0 10px;padding-inline-start:22px}
li{margin-bottom:4px}
b{color:var(--ink)}
a{color:var(--ink);text-decoration-color:var(--gold);text-underline-offset:4px}
.box{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin:14px 0}
.en{direction:ltr;unicode-bidi:isolate}
footer{margin-top:44px;padding-top:16px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
footer a{color:var(--muted)}
