@font-face{font-family:"Plex";src:url(/_astro/ibm-plex-sans-arabic-arabic-400-normal.CyU-ddYS.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Plex";src:url(/_astro/ibm-plex-sans-arabic-arabic-700-normal.DrtBj6UE.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--ink:#1f2a3d;--navy:#24365c;--mute:#5d6878;--line:#e4e1da;--bg:#faf8f4;--card:#fff;--acc:#B07A3A}
.nx-head{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);font-family:"Plex",system-ui,sans-serif}
.nx-in{width:min(72rem,100% - 2rem);margin-inline:auto}
.nx-head .nx-in{display:flex;align-items:center;gap:1rem;min-height:4rem;flex-wrap:wrap}
.nx-brand{display:flex;flex-direction:column;text-decoration:none;color:var(--navy);line-height:1.2}
.nx-brand b{font-size:1.15rem}.nx-brand small{color:var(--mute);font-size:.78rem}
.nx-nav{display:flex;gap:.2rem;margin-inline-start:auto;flex-wrap:wrap}
.nx-nav a{color:var(--ink);text-decoration:none;padding:.45rem .7rem;border-radius:.5rem;font-size:.95rem}
.nx-nav a:hover,.nx-nav a[aria-current]{background:#eef1f7;color:var(--navy);font-weight:700}
.nx-book{background:var(--navy);color:#fff!important;text-decoration:none;padding:.5rem 1rem;border-radius:999px;font-weight:700;font-size:.92rem;white-space:nowrap}
.nx-burger{display:none;margin-inline-start:auto;background:none;border:1px solid var(--line);border-radius:.5rem;font-size:1.2rem;padding:.2rem .6rem;cursor:pointer}
@media(max-width:860px){.nx-burger{display:block}.nx-nav{display:none;width:100%;flex-direction:column;order:5;padding-bottom:.6rem}.nx-head .open .nx-nav{display:flex}.nx-book{order:4;padding:.4rem .8rem;font-size:.85rem}.nx-head .nx-in{gap:.6rem}}
body.nx{margin:0;background:var(--bg);color:var(--ink);font-family:"Plex",system-ui,sans-serif;line-height:1.75}
body.nx a{color:var(--navy)}
.nx h1,.nx h2,.nx h3{line-height:1.35;margin:.2em 0 .4em}
.nx-hero{background:linear-gradient(160deg,#24365c,#34466e 60%,#4f5d8a);color:#fff;padding:3.2rem 0 3rem}
.nx-hero h1{font-size:clamp(1.6rem,4vw,2.5rem);max-width:40rem}.nx-eye{opacity:.8;margin:0}.nx-lede{max-width:44rem;opacity:.92}
.nx-sbox{display:flex;gap:.5rem;max-width:40rem;margin-top:1.2rem}
.nx-sbox input{flex:1;font:inherit;padding:.8rem 1rem;border-radius:.7rem;border:1px solid var(--line);font-size:1rem;min-width:0}
.nx-sbox button{font:inherit;font-weight:700;border:0;border-radius:.7rem;background:var(--acc);color:#fff;padding:0 1.3rem;cursor:pointer}
.nx-sec{padding:2.2rem 0 .4rem}.nx-sec h2,.nx-h2{font-size:1.45rem;color:var(--navy)}.nx-h2{margin-top:2rem!important}.nx-sub,.nx-mute{color:var(--mute)}
.nx-jgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.8rem}
.nx-j{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-inline-start:5px solid var(--acc);border-radius:.8rem;padding:1rem 1.1rem;text-decoration:none;transition:.15s}
.nx-j b{color:var(--ink);font-size:1.05rem}.nx-j span{color:var(--mute);font-size:.9rem}
.nx-j:hover,.nx-card:hover,.nx-g:hover,.nx-guide:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(30,40,60,.09)}
.nx-doors{display:grid;grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:1rem}
.nx-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-top:5px solid var(--c);border-radius:.9rem;padding:1.3rem;text-decoration:none;color:var(--ink)!important;transition:.15s}
.nx-card h3{color:var(--c);font-size:1.2rem}.nx-card p{color:var(--mute);margin:0 0 .8rem;flex:1}.nx-ic{font-size:1.8rem}.nx-go{font-weight:700;color:var(--c)}
.nx-ggrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:.8rem}
.nx-g{display:grid;grid-template-columns:1fr auto;background:#fff;border:1px solid var(--line);border-radius:.8rem;padding:1rem 1.1rem;text-decoration:none;transition:.15s}
.nx-g b{color:var(--c)}.nx-g span{grid-column:1;color:var(--mute);font-size:.88rem}.nx-g em{grid-row:1/3;grid-column:2;align-self:center;font-style:normal;font-weight:700;background:color-mix(in srgb,var(--c) 12%,#fff);color:var(--c);border-radius:999px;padding:.15rem .7rem}
.nx-band{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#fff6ea;border:1px solid #ecdcc3;border-radius:1rem;padding:1.4rem!important;margin-top:2rem;margin-bottom:2rem}
.nx-band img{border-radius:.4rem;box-shadow:0 4px 14px rgba(0,0,0,.15);max-width:30%}
.nx-btn{display:inline-block;background:var(--navy);color:#fff!important;text-decoration:none;border:0;font:inherit;font-weight:700;padding:.6rem 1.2rem;border-radius:.6rem;cursor:pointer}
.nx-btn.sm{padding:.4rem .9rem;font-size:.9rem}.nx-btn.ghost{background:#fff;color:var(--navy)!important;border:1px solid var(--navy)}
.nx-phead{background:#fff;border-bottom:1px solid var(--line);padding:1.6rem 0 1.4rem}.nx-phead h1{font-size:clamp(1.5rem,3.5vw,2.1rem);color:var(--navy)}.nx-phead p{color:var(--mute);margin:0}
.nx-crumbs{font-size:.85rem;color:var(--mute)}
.nx-lib{display:grid;grid-template-columns:16rem 1fr;gap:1.6rem;padding:1.6rem 0 2rem}
.nx-side h2{font-size:1rem;color:var(--mute)}.nx-gf{display:flex;flex-direction:column;gap:.3rem;position:sticky;top:5rem}
.nx-gf button,.nx-chips button,.nx-seg button{font:inherit;cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:.6rem;padding:.45rem .8rem;text-align:start;color:var(--ink)}
.nx-gf button{display:flex;justify-content:space-between;border-inline-start:4px solid var(--c,var(--navy))}
.nx-gf button.on{background:var(--c,var(--navy));color:#fff;font-weight:700}
.nx-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.7rem}.nx-chips button{border-radius:999px;font-size:.88rem;padding:.3rem .8rem}.nx-chips button.on{background:var(--navy);color:#fff}
.nx-bar{display:flex;justify-content:space-between;gap:.6rem;flex-wrap:wrap;align-items:center}
.nx-seg{display:flex;flex-wrap:wrap;gap:.3rem}.nx-seg button{font-size:.9rem}.nx-seg button.on{background:var(--acc);border-color:var(--acc);color:#fff}
#so{font:inherit;padding:.4rem;border-radius:.5rem;border:1px solid var(--line)}
.nx-list{list-style:none;padding:0;margin:.4rem 0;display:flex;flex-direction:column;gap:.6rem}
.nx-list li{background:#fff;border:1px solid var(--line);border-inline-start:4px solid var(--c);border-radius:.7rem;padding:.8rem 1rem}
.nx-list a.t{display:block;color:var(--ink);text-decoration:none;font-weight:700;line-height:1.6}.nx-list a.t:hover{color:var(--navy);text-decoration:underline}
.nx-list .m{display:flex;flex-wrap:wrap;gap:.3rem .8rem;font-size:.8rem;color:var(--mute);margin-top:.3rem}
.nx-list .k{border-radius:999px;padding:0 .55rem;background:#eef1f7;color:var(--navy);font-weight:700}.nx-list .k.long{background:#fff1df;color:#8a5a1c}.nx-list .k.qa{background:#eaf5ef;color:#2c6a47}
.nx-more{display:block;margin:1rem auto}.nx-also{margin-top:1.4rem;font-size:.9rem}
@media(max-width:860px){.nx-lib{grid-template-columns:1fr}.nx-gf{position:static;flex-direction:row;overflow-x:auto;padding-bottom:.4rem}.nx-gf button{white-space:nowrap;flex:none}}
.nx-guides{display:grid;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:1rem}
.nx-guide{display:flex;gap:1rem;align-items:center;background:#fff;border:1px solid var(--line);border-radius:.9rem;padding:1rem;text-decoration:none;color:var(--ink)!important;transition:.15s}
.nx-guide img{width:6rem;height:auto;border-radius:.35rem;box-shadow:0 3px 10px rgba(0,0,0,.15)}.nx-guide h3{font-size:1.08rem}
.nx-meta{font-size:.8rem;color:var(--acc);font-weight:700}
.nx-langs{display:flex;gap:.8rem;flex-wrap:wrap}.nx-lang{background:#fff;border:1px solid var(--line);border-radius:.8rem;padding:.8rem 1.4rem;font-size:1.2rem;font-weight:700;text-decoration:none}.nx-lang small{display:block;font-size:.8rem;color:var(--mute);font-weight:400}.nx-lang.off{opacity:.5}
.nx-feature{display:grid;grid-template-columns:minmax(0,20rem) 1fr;gap:1.4rem;background:#fff;border:1px solid var(--line);border-radius:1rem;overflow:hidden;text-decoration:none;color:var(--ink)!important}
.nx-feature img{width:100%;height:100%;object-fit:cover;max-height:16rem}.nx-feature>div{padding:1.2rem}.nx-feature h3{font-size:1.4rem;color:#2F7A74}
@media(max-width:640px){.nx-feature{grid-template-columns:1fr}.nx-band img{display:none}}
.nx-media2{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1rem}.nx-panel{background:#fff;border:1px solid var(--line);border-radius:1rem;padding:1.3rem}
.nx-eps{list-style:none;padding:0}.nx-eps li{display:flex;gap:.7rem;padding:.5rem 0;border-bottom:1px solid var(--line)}.nx-eps a{display:block;font-size:.85rem}
.nx-n{flex:none;width:1.9rem;height:1.9rem;border-radius:50%;background:#93597F;color:#fff;display:grid;place-items:center;font-weight:700}
.nx-row{display:flex;gap:.5rem;flex-wrap:wrap}
.nx-foot{background:#1c2a47;color:#d9deea;margin-top:3rem;padding:2.2rem 0;font-family:"Plex",system-ui,sans-serif;font-size:.92rem}
.nx-foot .nx-in{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1.4rem}.nx-foot b{color:#fff;display:block;margin-bottom:.4rem}.nx-foot a{display:block;color:#d9deea!important;text-decoration:none;padding:.12rem 0}.nx-foot .nx-mute{color:#aab3c5}

[class^=nx-],[class*=" nx-"]{box-sizing:border-box}.nx-lib>*{min-width:0}
/* large screens */
.nx-brand b{font-size:clamp(1.35rem,1rem + 1vw,1.9rem);font-weight:700}.nx-brand small{font-size:.85rem}
.nx-hero .nx-name{font-size:clamp(1.3rem,1rem + 1.2vw,2rem);font-weight:700;margin:0 0 .3rem;opacity:1}
@media(min-width:1280px){html{font-size:clamp(17px,.5vw + 10px,23px)}.nx-in{width:min(84rem,100% - 4rem)}
.nx-hero{padding:4.5rem 0 4rem}.nx-hero h1{font-size:clamp(2.6rem,1.6rem + 1.8vw,4rem);max-width:60rem}.nx-lede{max-width:56rem;font-size:1.15rem}
.nx-sbox{max-width:52rem}.nx-sbox input{font-size:1.1rem;padding:1rem 1.2rem}.nx-sbox button{padding:0 2rem;font-size:1.1rem}
.nx-sec h2,.nx-h2{font-size:1.9rem}.nx-card{padding:1.7rem}.nx-card h3{font-size:1.4rem}.nx-ic{font-size:2.4rem}
.nx-doors{grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:1.3rem}.nx-head .nx-in{min-height:5rem}.nx-nav a{font-size:1rem}.nx-book{font-size:1rem;padding:.65rem 1.3rem}.nx-btn{padding:.75rem 1.5rem}}
.nx-bks{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1.2rem}
.nx-bk{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:1rem;overflow:hidden}
.nx-bk img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;background:#f1ede6}
.nx-bkb{padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;flex:1}.nx-bkb h3{font-size:1.1rem;flex:1}.nx-bkb h3 a{color:var(--ink);text-decoration:none}
.nx-lbs{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}
.nx-lb{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:.5rem .3rem;border-radius:.6rem;background:var(--navy);color:#fff!important;text-decoration:none;font-weight:700;font-size:.95rem;line-height:1.2;min-height:2.8rem}
.nx-lb small{font-weight:400;font-size:.72rem}.nx-lb.off{background:#eef0f3;color:#8a93a3!important;cursor:not-allowed}
@media(max-width:640px){.nx-bks{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr))}}
.nx-brand{line-height:1.25;gap:.15rem}.nx-hero .nx-name{font-size:clamp(1.7rem,1.1rem + 1.8vw,3rem)}
@media(min-width:1280px){html:root{--measure:48rem;--page:84rem}}
/* middle ground v2 */
.nx-brand b{font-size:clamp(1.3rem,1rem + .6vw,1.55rem)}
@media(min-width:1280px){html{font-size:clamp(16px,.25vw + 12.5px,19px)}.nx-in{width:min(74rem,100% - 4rem)}
html:root{--measure:44rem;--page:74rem}
.nx-hero{padding:2.4rem 0 2.2rem}.nx-hero h1{font-size:clamp(2.1rem,1.4rem + 1vw,2.6rem);max-width:46rem}.nx-lede{max-width:48rem;font-size:1.02rem;margin:.4rem 0}
.nx-sbox{max-width:44rem;margin-top:1rem}.nx-sbox input{font-size:1rem;padding:.75rem 1rem}.nx-sbox button{padding:0 1.4rem;font-size:1rem}
.nx-sec{padding-top:1.6rem}.nx-sec h2,.nx-h2{font-size:1.5rem}.nx-card{padding:1.3rem}.nx-card h3{font-size:1.2rem}.nx-ic{font-size:1.9rem}
.nx-doors{grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:1rem}.nx-head .nx-in{min-height:4.2rem}.nx-nav a{font-size:.95rem}.nx-book{font-size:.92rem;padding:.5rem 1rem}.nx-btn{padding:.6rem 1.2rem}}