:root{--primary:#0F7C78;--ink:#0E1A1C;--muted:#52625F;--soft:#DDF1EE;--line:#E2E8E6;--ground:#F5F7F6;--surface:#FFFFFF}
@media (prefers-color-scheme:dark){:root{--primary:#3CC4B8;--ink:#EAF4F2;--muted:#93A9A5;--soft:#123533;--line:#1D3330;--ground:#081110;--surface:#10201E}.on-light{display:none!important}.on-dark-only{display:inline-block!important}}
*{box-sizing:border-box;margin:0;padding:0}
html{overflow-x:clip}
body{font-family:"Alexandria",system-ui,-apple-system,sans-serif;background:var(--ground);color:var(--ink);line-height:1.85}
.wrap{max-width:820px;margin:0 auto;padding:0 20px}
header{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line)}
header img{height:36px}.on-dark-only{display:none}
.pill{border:1px solid var(--line);background:var(--surface);padding:8px 16px;border-radius:999px;font:inherit;font-size:14px;color:var(--ink);cursor:pointer;text-decoration:none}
main{padding:40px 0 64px}
h1{font-size:clamp(28px,4vw,40px);line-height:1.3;margin-bottom:6px}
.updated{color:var(--muted);font-size:14px;margin-bottom:28px}
h2{font-size:20px;margin:30px 0 8px}
p,li{color:var(--ink);font-size:16px}
ul{padding-inline-start:22px;margin:6px 0}
li{margin:4px 0}
.note{background:var(--soft);border-radius:16px;padding:16px 18px;margin:20px 0}
a{color:var(--primary)}
footer{border-top:1px solid var(--line);padding:24px 0 40px;color:var(--muted);font-size:14px;display:flex;gap:16px;flex-wrap:wrap}
footer a{color:var(--muted)}
[lang="en"]{display:none!important}
html[lang="en"] [lang="ar"]{display:none!important}
html[lang="en"] [lang="en"]{display:revert!important}