:root{--ink:#12161C;--ink-2:#4A5462;--ink-3:#79838F;--ground:#F6F7F9;--card:#fff;
--line:#DFE3E8;--brand:#174F46;--brand-soft:#E4EDEA}
@media(prefers-color-scheme:dark){:root{--ink:#E6EAEF;--ink-2:#A5B0BC;--ink-3:#78838F;
--ground:#0D1015;--card:#151A21;--line:#262D36;--brand:#5CA898;--brand-soft:#1B2E2A}}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);direction:rtl;
font-family:"Cairo","Segoe UI",system-ui,sans-serif;line-height:1.95;font-size:16px;padding:32px 18px 72px}
main{max-width:760px;margin:0 auto;background:var(--card);border:1px solid var(--line);
border-radius:10px;padding:36px 32px}
h1{font-size:27px;margin:0 0 6px;color:var(--brand);line-height:1.4}
.updated{color:var(--ink-3);font-size:13.5px;margin:0 0 26px}
h2{font-size:19px;margin:32px 0 10px;color:var(--brand)}
p,li{color:var(--ink-2);margin:0 0 12px}
strong{color:var(--ink)}
ul{padding-right:20px;margin:0 0 14px}
a{color:var(--brand)}
.box{background:var(--brand-soft);border-radius:7px;padding:16px 18px;margin:18px 0}
.box p{margin:0;color:var(--ink)}
code{background:var(--ground);border:1px solid var(--line);padding:2px 7px;border-radius:4px;
font-size:13.5px;direction:ltr;display:inline-block}
footer{margin-top:34px;padding-top:18px;border-top:1px solid var(--line);
color:var(--ink-3);font-size:13.5px}
@media(max-width:560px){main{padding:26px 20px}h1{font-size:23px}}