@font-face{font-family:Plex;src:url(/fonts/IBMPlexSansArabic-Regular.ttf) format("truetype");font-display:swap}
:root{--t:#232323;--m:#5A5A5A;--b:#4767ED;--bg:#F9F9F9;--card:#fff;--line:#e4e4e4}
@media (prefers-color-scheme:dark){:root{--t:#F9F9F9;--m:#C4C4C4;--bg:#1a1a1a;--card:#232323;--line:#333}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--t);font-family:Plex,system-ui,sans-serif;line-height:1.9;font-size:17px}
header,main,footer{max-width:820px;margin:0 auto;padding:0 16px}
header{display:flex;justify-content:space-between;align-items:center;padding-top:18px;padding-bottom:18px}
header a{color:var(--t);text-decoration:none;font-weight:700}
.cta{background:var(--b);color:#fff!important;padding:9px 18px;border-radius:10px;text-decoration:none;font-weight:700;display:inline-block}
h1{font-size:1.75rem;line-height:1.5;margin:.6em 0}h2{font-size:1.25rem;margin-top:1.8em}
.answer{background:var(--card);border:1px solid var(--line);border-right:4px solid var(--b);padding:16px 18px;border-radius:10px;font-size:1.05rem}
a{color:var(--b)}.muted{color:var(--m);font-size:.9rem}
details{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin:8px 0}summary{font-weight:700;cursor:pointer}
.box{margin:2.2em 0;padding:18px;border-radius:12px;background:var(--card);border:1px solid var(--line);text-align:center}
ul.rel{padding-right:18px}footer{padding-top:30px;padding-bottom:40px;color:var(--m);font-size:.85rem}