:root{--blue:#0758a8;--dark:#0d2947;--ink:#17283e;--muted:#66778c;--line:#e2e9f1;--pale:#f5f8fc;--green:#16a477;--shadow:0 14px 38px #14375e16}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"DM Sans",Arial,sans-serif}html[lang=ar] body{font-family:Cairo,Arial,sans-serif}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}a{color:inherit;text-decoration:none}button,input{font:inherit}.skip{position:fixed;top:-60px;left:15px;background:#fff;padding:10px;z-index:99}.skip:focus{top:10px}header{height:76px;border-bottom:1px solid #edf1f5;background:#fff;display:flex;align-items:center;position:relative;z-index:20}.nav{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font:800 18px Manrope;color:var(--dark)}.brand-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--blue)}.brand-icon svg{width:25px;fill:none;stroke:#fff;stroke-width:2;stroke-linejoin:round}.brand i{height:23px;border-left:1px solid #d6e0ea;margin:0 2px}.brand small{font:600 13px "DM Sans";color:#687b90}.nav nav{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:600}.nav nav>a:hover{color:var(--blue)}.languages{border:1px solid #dce4ed;border-radius:9px;display:flex;padding:2px}.languages button{border:0;background:none;padding:6px 8px;border-radius:6px;cursor:pointer;color:#5e7086}.languages button.active{background:var(--blue);color:#fff}.menu{display:none;background:none;border:0;font-size:24px}.hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#073c74,#075fb8);color:#fff;padding:68px 0 72px}.dots{position:absolute;inset:0;background-image:radial-gradient(#ffffff22 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-inner{text-align:center;position:relative}.overline{font-size:12px;font-weight:700;letter-spacing:2px;color:#acd8ff}.hero h1{font:800 clamp(34px,5vw,49px) Manrope;margin:10px 0}.hero-inner>p:not(.overline){color:#d9edff;margin:0 0 28px}.search{width:min(720px,100%);height:64px;background:#fff;border-radius:14px;margin:auto;display:flex;align-items:center;position:relative;box-shadow:0 18px 45px #002b5d55;text-align:start}.search>svg{width:23px;margin:0 16px 0 20px;fill:none;stroke:#61748a;stroke-width:2}.search input{height:100%;flex:1;min-width:0;border:0;outline:0;background:none;color:var(--ink);font-size:16px}.search kbd{margin:0 16px;padding:5px 8px;border:1px solid #dce4ec;border-radius:6px;color:#78899b;background:#f6f8fa}.search>div{position:absolute;top:72px;inset-inline:0;background:#fff;color:var(--ink);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);z-index:9}.suggestion{display:flex;width:100%;gap:12px;padding:13px 18px;border:0;border-bottom:1px solid #edf1f5;background:#fff;text-align:start;cursor:pointer}.suggestion:hover{background:#f1f7fe}.suggestion small{display:block;color:var(--muted);margin-top:2px}.popular{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin-top:20px;font-size:13px;color:#cfe8ff}.popular button{border:0;border-radius:20px;background:#ffffff1d;color:#fff;padding:6px 11px;cursor:pointer}.page{padding:56px 0 75px;min-height:520px}.section-title h2{font:800 27px Manrope;margin:0 0 5px}.section-title p{margin:0 0 25px;color:var(--muted)}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category{border:1px solid var(--line);border-radius:18px;padding:24px;min-height:205px;transition:.2s}.category:hover{transform:translateY(-4px);border-color:#b8d0e9;box-shadow:var(--shadow)}.cat-icon{width:48px;height:48px;border-radius:14px;background:#eaf4ff;color:var(--blue);display:grid;place-items:center;font-size:22px}.category:nth-child(3n+2) .cat-icon{background:#e8f8f2;color:var(--green)}.category:nth-child(3n) .cat-icon{background:#fff2e8;color:#dc7137}.category h3{font:700 17px Manrope;margin:17px 0 7px}.category p{font-size:14px;line-height:1.5;color:var(--muted);margin:0}.category footer{display:flex;justify-content:space-between;margin-top:16px;font-size:13px;color:#74859a}.category footer b{color:var(--blue)}.frequent{margin-top:50px;padding:28px;border-radius:20px;background:var(--pale)}.links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 24px}.article-link,.article-row{display:flex;align-items:center;gap:13px}.article-link{padding:13px;background:#fff;border-radius:10px;font-size:14px}.article-link:hover{color:var(--blue)}.article-link span:last-child,.article-row>span:last-child{margin-inline-start:auto}.crumbs{display:flex;gap:8px;flex-wrap:wrap;color:#738398;font-size:13px;margin-bottom:28px}.crumbs a:hover{color:var(--blue)}.category-page{max-width:900px;margin:auto}.cat-head{display:flex;align-items:center;gap:18px;padding-bottom:25px;border-bottom:1px solid var(--line)}.cat-head h1{font:800 30px Manrope;margin:0 0 5px}.cat-head p{margin:0;color:var(--muted)}.article-list{margin-top:15px}.article-row{padding:17px 4px;border-bottom:1px solid var(--line)}.article-row:hover h3{color:var(--blue)}.doc{width:38px;height:38px;border-radius:10px;background:#edf5fd;color:var(--blue);display:grid;place-items:center}.article-row h3{margin:0 0 4px;font-size:15px}.article-row p{margin:0;color:var(--muted);font-size:13px}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 230px;gap:58px}.article h1{font:800 clamp(29px,4vw,38px) Manrope;line-height:1.2;margin:0 0 12px}.meta{font-size:13px;color:#7a8a9d;padding-bottom:23px;border-bottom:1px solid var(--line)}.body{font-size:16px;line-height:1.75;color:#35475d}.body h2{font:700 22px Manrope;color:var(--dark);margin:32px 0 10px}.body li{margin-bottom:8px}.note{border-inline-start:4px solid var(--blue);background:#eff6ff;padding:14px 18px;border-radius:8px;margin:22px 0}.warning{border-color:#e6a139;background:#fff8eb}.toc{border-inline-start:1px solid var(--line);padding-inline-start:20px;position:sticky;top:25px}.toc h3{font-size:12px;text-transform:uppercase;letter-spacing:1px}.toc a{display:block;font-size:13px;color:#6b7c90;padding:6px 0}.feedback{margin-top:40px;background:var(--pale);padding:20px;border-radius:13px;display:flex;align-items:center;justify-content:space-between}.feedback button{background:#fff;border:1px solid #d4dee8;padding:8px 12px;border-radius:8px;cursor:pointer}.results h1{font:800 30px Manrope;margin:0}.results>p{color:var(--muted)}.empty{text-align:center;padding:70px 20px;color:var(--muted)}.support{background:#edf6ff;border-top:1px solid #dbeaf8;padding:32px 0}.support-inner,.support-inner>div{display:flex;justify-content:space-between;align-items:center;gap:15px}.bubble{width:48px;height:48px;background:var(--blue);color:#fff;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:700}.support h2{font:700 19px Manrope;margin:0 0 3px}.support p{margin:0;color:var(--muted);font-size:14px}.support a{background:var(--blue);color:#fff;border-radius:10px;padding:12px 17px;font-weight:600;font-size:14px}footer{background:#0b223b;color:#a3b5c7;padding:48px 0 20px}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.white{color:#fff}.foot h3{font-size:13px;color:#fff;margin:0 0 14px}.foot>div>a:not(.brand){display:block;font-size:14px;margin:9px 0}.copy{border-top:1px solid #203951;margin-top:34px;padding-top:18px;font-size:12px}html[dir=rtl] .search>svg{margin:0 20px 0 16px}html[dir=rtl] .hero h1,html[dir=rtl] .section-title h2,html[dir=rtl] .article h1,html[dir=rtl] .body h2{font-family:Cairo,Arial,sans-serif}
@media(max-width:850px){.nav nav{display:none;position:absolute;top:65px;inset-inline:20px;background:#fff;box-shadow:var(--shadow);padding:18px;border-radius:12px;flex-direction:column;align-items:stretch}.nav nav.open{display:flex}.menu{display:block}.categories{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr}.toc{display:none}}
@media(max-width:580px){.wrap{width:calc(100% - 28px)}.brand i,.brand small{display:none}.hero{padding:50px 0}.search{height:58px}.search kbd{display:none}.categories,.links,.foot{grid-template-columns:1fr}.category{min-height:0}.frequent{padding:20px}.support-inner{align-items:flex-start;flex-direction:column}.support-inner>a{width:100%;text-align:center}.feedback{align-items:flex-start;flex-direction:column;gap:13px}}