@font-face{font-family:Alexandria;font-weight:700;font-display:swap;src:url(fonts/alexandria-arabic-700-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
@font-face{font-family:Alexandria;font-weight:800;font-display:swap;src:url(fonts/alexandria-arabic-800-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
@font-face{font-family:Alexandria;font-weight:700;font-display:swap;src:url(fonts/alexandria-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Alexandria;font-weight:800;font-display:swap;src:url(fonts/alexandria-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:'IBM Plex Sans Arabic';font-weight:400;font-display:swap;src:url(fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
@font-face{font-family:'IBM Plex Sans Arabic';font-weight:600;font-display:swap;src:url(fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
@font-face{font-family:'IBM Plex Sans Arabic';font-weight:400;font-display:swap;src:url(fonts/ibm-plex-sans-arabic-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:'IBM Plex Mono';font-weight:500;font-display:swap;src:url(fonts/ibm-plex-mono-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:Archivo;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(fonts/archivo-latin-wdth-normal.woff2) format('woff2')}
:root{--ink:#0A0F1A;--ink2:#101828;--ink3:#172237;--paper:#F3F5F8;--paper2:#E6EAF0;--card:#FFFFFF;--text:#101828;--text2:#3B475C;--dim:#5B6679;--line:#DFE4EB;
--lapis:#2F4BFF;--lapisD:#1B2FC2;--lapisL:#7C8EFF;--red:#FF2E2E;--amber:#FFB020;--green:#1FC77E;--grey:#8C95A6;--link:#1B2FC2;
--f-d:Alexandria,'IBM Plex Sans Arabic',system-ui,sans-serif;--f-b:'IBM Plex Sans Arabic',system-ui,-apple-system,'Segoe UI',Tahoma,sans-serif;
--f-m:'IBM Plex Mono',ui-monospace,Menlo,monospace;--f-l:Archivo,'Helvetica Neue',Arial,sans-serif;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--paper:#0A0F1A;--paper2:#101828;--card:#101828;--text:#E9EDF3;--text2:#C9D1DE;--dim:#8391AA;--line:#1B2640;--link:#7C8EFF;color-scheme:dark}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--text);font:17px/1.85 var(--f-b);-webkit-font-smoothing:antialiased}
a{color:var(--link)}:focus-visible{outline:2px solid var(--lapisL);outline-offset:3px}
.wrap{max-width:1120px;margin:0 auto;padding:0 16px}
.skip{position:absolute;right:-999px}.skip:focus{right:12px;top:12px;background:#fff;color:#000;padding:6px 10px;z-index:9}
.top{background:var(--ink);color:#fff}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:10px 18px;min-height:64px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
.lock{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;direction:ltr}
.lock svg{width:28px;height:28px}.lock .en{font-family:var(--f-l);font-stretch:125%;font-weight:800;letter-spacing:.08em;font-size:17px}
.lock .d{width:1px;height:22px;background:#fff;opacity:.35}.lock .ar{font-family:var(--f-d);font-weight:800;font-size:20px}
nav.main{display:flex;gap:18px;overflow-x:auto;scrollbar-width:none;font-family:var(--f-d);font-weight:700;font-size:14.5px;max-width:100%}
nav.main::-webkit-scrollbar{display:none}nav.main a{color:#fff;text-decoration:none;opacity:.82;white-space:nowrap;padding:6px 0}
nav.main a:hover,nav.main a[aria-current]{opacity:1;box-shadow:inset 0 -2px 0 var(--lapisL)}
.brk{background:var(--red);color:#fff;display:flex;align-items:stretch;overflow:hidden}
.brk b{font-family:var(--f-d);font-weight:800;padding:9px 18px;background:#d91f1f;white-space:nowrap}
.brk a{color:#fff;text-decoration:none;padding:9px 16px;font-family:var(--f-d);font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
main{padding:28px 0 56px}
h1,h2,h3{font-family:var(--f-d);line-height:1.35;margin:0;text-wrap:balance;color:var(--text)}
.eyebrow{font-family:var(--f-m);font-size:12px;font-weight:500;letter-spacing:.14em;color:var(--link);direction:ltr;display:inline-flex;gap:10px;align-items:center;text-transform:uppercase}
.eyebrow:before{content:"";width:9px;height:9px;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%)}
.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-d);font-weight:700;font-size:12.5px;padding:2px 10px;line-height:1.7;white-space:nowrap}
.chip i{width:7px;height:7px;display:block}
.chip.off{background:var(--lapis);color:#fff}.chip.off i{background:#fff;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.chip.ok{background:var(--green);color:var(--ink)}.chip.ok i{background:var(--ink);clip-path:polygon(14% 52%,0 66%,38% 100%,100% 22%,86% 8%,38% 72%)}
.chip.dev{background:var(--amber);color:var(--ink)}.chip.dev i{background:var(--ink);clip-path:polygon(0 0,100% 50%,0 100%)}
.chip.un{border:1.5px dashed var(--grey);color:var(--text2)}.chip.un i{border:1.5px solid var(--grey);border-radius:50%}
.chip.brk2{background:var(--red);color:#fff}
.tag{font-family:var(--f-d);font-weight:700;font-size:12.5px;color:var(--link)}
.meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--dim)}.mono{font-family:var(--f-m);direction:ltr;unicode-bidi:isolate}
.lead{display:grid;gap:26px;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:start}
.hero{display:grid;gap:12px;text-decoration:none;color:inherit}
.hero img,.card img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover;background:var(--ink3);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}
.hero h2{font-size:clamp(22px,3.4vw,31px);font-weight:800}.hero p{margin:0;color:var(--text2)}
.list .hd{font-family:var(--f-d);font-weight:800;font-size:15px;padding-bottom:8px;border-bottom:2px solid var(--text);display:flex;justify-content:space-between;align-items:baseline}
.list .hd span{font-family:var(--f-m);font-weight:500;font-size:11px;color:var(--dim)}
.list a{display:grid;grid-template-columns:62px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);color:var(--text);text-decoration:none;font-family:var(--f-d);font-weight:700;font-size:15px;line-height:1.6}
.list a .mono{font-size:12px;color:var(--dim);font-weight:500}
.sec{margin-top:40px}.sec .hd{font-family:var(--f-d);font-weight:800;margin-bottom:14px;display:flex;gap:10px;align-items:center;font-size:18px}
.sec .hd:before{content:"";width:10px;height:10px;background:var(--lapis);clip-path:polygon(100% 0,0 50%,100% 100%)}
.cards{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.card{display:grid;gap:8px;text-decoration:none;color:var(--text)}.card b{font-family:var(--f-d);font-size:15.5px;line-height:1.55}
.band{background:var(--ink);color:#C9D1DE;margin-top:48px;padding:40px 0}
.band h2{color:#fff;font-size:clamp(24px,4vw,34px);font-weight:800;margin:10px 0 12px}.band p{max-width:66ch;margin:0 0 18px}
.band a{color:#7C8EFF}
.ladder{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
.ladder>div{background:#101828;color:#C9D1DE;border:1px solid #1B2640;padding:14px 16px;font-size:14.5px}.ladder .chip{margin-bottom:8px}
.ladder .chip.un{color:#C9D1DE}
.follow{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.follow a{border:1px solid #253350;color:#fff;text-decoration:none;padding:8px 16px;font-family:var(--f-d);font-weight:700;font-size:14px}
.follow a:hover{border-color:var(--lapisL)}
.doc .follow a{color:var(--text);border-color:var(--line)}
.empty{background:var(--card);border:1px solid var(--line);padding:28px;text-align:center;color:var(--text2)}
article.art{max-width:760px;margin:0 auto;display:grid;gap:18px}
.art h1{font-size:clamp(26px,4.6vw,38px);font-weight:800}.art .sub{font-size:18.5px;color:var(--text2);margin:0}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));border-top:1px solid var(--line);border-right:1px solid var(--line)}
.facts div{padding:10px 12px;display:grid;gap:2px;align-content:start;border-left:1px solid var(--line);border-bottom:1px solid var(--line)}
.facts small{font-size:12px;color:var(--dim)}.facts .chip{justify-self:start}
.kicker{font-family:var(--f-d);font-weight:700;font-size:15px;color:var(--dim);display:flex;gap:10px;align-items:center;margin:0 0 14px}
.kicker:before{content:"";width:9px;height:9px;background:var(--lapis);clip-path:polygon(100% 0,0 50%,100% 100%)}
main.home{padding-bottom:0}
.facts b{font-family:var(--f-d);font-size:14px;font-weight:700}
figure{margin:0}figure img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover;background:var(--ink3);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%)}
figcaption{font-size:12.5px;color:var(--dim);margin-top:6px;font-family:var(--f-m);direction:ltr;text-align:right}
.body p{margin:0 0 1.1em;font-size:18px;line-height:1.95}.dl{display:block;font-family:var(--f-d);font-weight:700;font-size:14px;color:var(--dim);margin-bottom:8px}
.box{background:var(--card);border:1px solid var(--line);padding:16px 18px}.box h2{font-size:17px;margin-bottom:8px}
.box ul{margin:0;padding-inline-start:20px}.box li{margin:.35em 0}
blockquote{margin:0;border-inline-start:3px solid var(--text);padding:4px 16px;font-family:var(--f-d);font-weight:700}
blockquote small{display:block;font:13px var(--f-b);color:var(--dim)}
.srcs{list-style:none;margin:0;padding:0}.srcs li{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:9px 0;border-bottom:1px solid var(--line)}
.share{display:flex;gap:8px;flex-wrap:wrap}.share a,.share button{border:1px solid var(--line);background:var(--card);color:var(--text);padding:7px 13px;font:700 13px var(--f-d);text-decoration:none;cursor:pointer}
.doc{max-width:760px;margin:0 auto}.doc h1{font-size:clamp(26px,4.4vw,36px);font-weight:800;margin:10px 0 14px}
.doc h2{font-size:21px;margin:30px 0 10px}.doc p,.doc li{max-width:68ch}
footer.site{background:var(--ink);color:#8391AA;padding:34px 0;font-size:13.5px}
footer.site .wrap{display:grid;gap:18px}footer.site nav{display:flex;flex-wrap:wrap;gap:16px}
footer.site a{color:#C9D1DE;text-decoration:none}footer.site a:hover{color:#fff}
.bc{font-size:13px;color:var(--dim)}.bc a{color:var(--dim);text-decoration:none}