:root{--navy:#0F2A3A;--teal:#0E7C86;--teal-ink:#0A5259;--mint:#34D399;--bg:#F5F8FA;--surface:#fff;--ink:#0F1E2A;--ink2:#31434F;--muted:#607280;--line:#E1E8ED;--soft:#D9F2F3}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0B1620;--surface:#122130;--ink:#E6EEF3;--ink2:#C3D0DA;--muted:#93A7B5;--line:#22384A;--soft:#123A44;--teal-ink:#8AE1E8;color-scheme:dark}}
:root[data-theme=dark]{--bg:#0B1620;--surface:#122130;--ink:#E6EEF3;--ink2:#C3D0DA;--muted:#93A7B5;--line:#22384A;--soft:#123A44;--teal-ink:#8AE1E8;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;font-family:Inter,"IBM Plex Sans Arabic",system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65;-webkit-font-smoothing:antialiased}
html[dir=rtl] body{font-family:"IBM Plex Sans Arabic",Inter,system-ui,sans-serif}
h1,h2{font-family:Manrope,"IBM Plex Sans Arabic",Inter,sans-serif;letter-spacing:-.01em;line-height:1.2;margin:0}html[dir=rtl] h1,html[dir=rtl] h2{font-family:"IBM Plex Sans Arabic",Manrope,sans-serif}
.wrap{max-width:860px;margin:0 auto;padding-inline:20px}.row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.sp{flex:1}
header.row{height:64px}header img{height:28px;display:block}.logo{display:inline-flex}
.skip{position:absolute;inset-inline-start:-999px;top:8px;background:var(--navy);color:#fff;padding:8px 12px;border-radius:8px;z-index:9}.skip:focus{inset-inline-start:12px}
.lang,.theme{font:inherit;font-size:13px;font-weight:600;color:var(--teal-ink);background:var(--soft);border:0;border-radius:8px;padding:8px 12px;cursor:pointer}.theme{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0}
.doc{padding:28px 20px 60px}.doc h1{font-size:30px;margin-bottom:6px}.doc h2{font-size:17px;margin:28px 0 8px;color:var(--teal-ink)}.doc p,.doc li{color:var(--ink2);font-size:15px}.doc ul{padding-inline-start:20px}.doc li{margin:6px 0}.meta{color:var(--muted);font-size:13px}
a{color:var(--teal-ink)}:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
footer.row{border-top:1px solid var(--line);padding:18px 20px;color:var(--muted);font-size:13px}footer a{color:var(--muted)}
[hidden]{display:none!important}
.only-dark{display:none}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .only-light{display:none}:root:not([data-theme=light]) .only-dark{display:block}}
:root[data-theme=dark] .only-light{display:none}:root[data-theme=dark] .only-dark{display:block}
:root[data-theme=light] .only-dark{display:none}:root[data-theme=light] .only-light{display:block}