:root{--ink:#211827;--muted:#625767;--line:#e5ddf1;--accent:#6442d7;--bg:#faf9fd}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"IBM Plex Sans Arabic","IBM Plex Sans","Segoe UI",Arial,sans-serif;line-height:1.75}
header{display:flex;align-items:center;justify-content:space-between;max-width:960px;margin:0 auto;padding:20px 16px}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:700}.brand img{height:36px;width:auto}
nav a{color:var(--accent);text-decoration:none;margin-inline-start:14px;font-weight:600}
main{max-width:960px;margin:0 auto;padding:0 16px 60px}
article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px 28px;margin-top:18px}
h1{font-size:1.9rem;margin:0 0 6px}h2{font-size:1.2rem;margin:28px 0 8px;color:#3a1f78}p,li{color:var(--muted)}ul{padding-inline-start:22px}
.updated{font-size:.9rem;color:var(--muted)}[lang=en]{direction:ltr;text-align:left;font-family:"IBM Plex Sans","Segoe UI",Arial,sans-serif}
@media(max-width:600px){article{padding:22px 18px}h1{font-size:1.5rem}}