:root{--bg:#0F1012;--surface:#191A1E;--line:#32353C;--ink:#F2F2F4;--ink2:#9CA0A8;--ink3:#6C7078;
      --brand:#B72229;--brand-deep:#8A151B;--ok:#34C759}
@media (prefers-color-scheme:light){:root{--bg:#F7F5F1;--surface:#FFF;--line:#E2DDD3;
      --ink:#15171B;--ink2:#585F69;--ink3:#87909B;--brand:#A31C22;--brand-deep:#8A151B}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);direction:rtl;text-align:right;
     font-family:'Cairo',system-ui,'Segoe UI',sans-serif;font-size:15.5px;line-height:1.9}
.wrap{max-width:820px;margin:0 auto;padding:0 22px 80px}
header.top{border-bottom:1px solid var(--line);background:linear-gradient(200deg,var(--surface),var(--bg) 65%)}
.top-in{max-width:820px;margin:0 auto;padding:34px 22px 30px}
.mark{display:inline-block;margin-bottom:20px;text-decoration:none}
.badge{width:36px;height:36px;border-radius:11px;flex:none;display:grid;place-items:center;
       background:linear-gradient(160deg,var(--brand),var(--brand-deep))}
.wordmark{font-family:'Sora',sans-serif;font-size:12.5px;letter-spacing:.16em;color:var(--ink2);direction:ltr}
.wordmark b{color:var(--ink)}
h1{font-family:'Tajawal',sans-serif;font-weight:800;font-size:clamp(25px,5vw,34px);margin:0 0 8px;line-height:1.35}
.sub{color:var(--ink2);font-size:14px;margin:0}
h2{font-family:'Tajawal',sans-serif;font-weight:800;font-size:19px;margin:34px 0 10px}
h3{font-family:'Tajawal',sans-serif;font-weight:700;font-size:16px;margin:22px 0 6px}
p{margin:0 0 14px;max-width:68ch}
ul{padding-inline-start:20px;margin:0 0 14px}
li{margin-bottom:7px}li::marker{color:var(--brand)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:16px 18px;margin:16px 0}
.card.good{border-color:rgba(52,199,89,.4)}
.num,code{font-family:'Sora',ui-monospace,monospace;direction:ltr;unicode-bidi:isolate;font-size:.92em}
a{color:var(--brand)}
table{width:100%;border-collapse:collapse;font-size:14px;margin:14px 0}
th,td{text-align:right;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--ink3);font-size:12.5px;font-weight:600}
.en{direction:ltr;text-align:left;border-top:1px solid var(--line);margin-top:50px;padding-top:30px}
.en h2,.en h1{text-align:left}
footer{margin-top:50px;padding-top:22px;border-top:1px solid var(--line);color:var(--ink3);font-size:13px}