:root{--barq:#3ac1cc;--dark:#0e1518;--soft:#f3f4f4} [data-ar]{display:none}html[data-ninja-ui-lang=ar] [data-en]{display:none}html[data-ninja-ui-lang=ar] [data-ar]{display:inline}.ninja-blog{background:var(--soft);color:var(--dark);font-family:Arial,sans-serif;max-width:100%;overflow-x:clip}.ninja-blog *{box-sizing:border-box}.ninja-blog a{color:inherit}.ninja-blog img{display:block;max-width:100%}.nb-notice{background:var(--dark);color:#fff;font-size:12px;padding:9px 4%;text-align:center}.nb-header{align-items:center;background:var(--dark);box-shadow:0 8px 24px #0e151824;color:#fff;display:flex;justify-content:space-between;min-height:76px;padding:0 4%;position:sticky;top:0;z-index:1000}.nb-header img{height:46px;object-fit:contain;width:120px}.nb-header nav,.actions{align-items:center;display:flex;gap:24px}.nb-header nav a{text-decoration:none;font-weight:700}.actions{gap:9px}.actions button{background:transparent;border:1px solid #ffffff47;border-radius:4px;color:#fff;min-height:42px;padding:0 14px}.button{align-items:center;background:var(--barq);border-radius:4px;display:inline-flex;font-weight:800;min-height:42px;padding:0 17px;text-decoration:none}.button.dark{background:var(--dark);color:#fff}main{margin:auto;max-width:1280px;padding:52px 4% 80px}.nb-intro{align-items:end;display:grid;gap:36px;grid-template-columns:1.5fr .8fr;margin-bottom:40px}.nb-intro h1{font-size:clamp(46px,7vw,84px);line-height:1;margin:0}.nb-intro p{color:#58676a;line-height:1.7}.nb-featured{background:var(--barq);display:grid;grid-template-columns:1.55fr 1fr;margin-bottom:72px;overflow:hidden}.nb-featured-media picture,.nb-featured-media img{height:100%;width:100%}.nb-featured-media img{min-height:430px;object-fit:cover}.nb-featured-content{display:flex;flex-direction:column;justify-content:space-between;padding:40px}.nb-featured-content h2{font-size:clamp(30px,3.5vw,50px);line-height:1.1}.nb-featured-content h2 a{text-decoration:none}.eyebrow{font-size:12px;font-weight:800;text-transform:uppercase}.latest-head{align-items:center;border-top:1px solid;display:flex;justify-content:space-between;padding-top:22px}.latest-head input{background:#fff;border:1px solid #d1d8d8;border-radius:4px;min-height:44px;padding:0 14px;width:360px}.filters{display:flex;gap:8px;margin:24px 0 30px}.filters button{background:transparent;border:1px solid #cbd3d3;border-radius:99px;padding:8px 14px}.filters .active{background:var(--dark);color:#fff}.grid{display:grid;gap:30px 24px;grid-template-columns:repeat(3,1fr)}.card[hidden]{display:none}.card{background:#fff;border:1px solid #d9dede;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;transition:.24s}.card:hover{box-shadow:0 16px 34px #0e151821;transform:translateY(-5px)}.card-image{aspect-ratio:16/10;overflow:hidden}.card-image img{height:100%;object-fit:cover;transition:.3s;width:100%}.card:hover img{transform:scale(1.04)}.card-body{display:flex;flex:1;flex-direction:column;padding:22px}.tag{align-self:flex-start;background:#3ac1cc24;border-radius:4px;color:#126d74;font-size:11px;font-weight:800;padding:7px 10px}.card h3{font-size:21px;line-height:1.35}.card h3 a{text-decoration:none}.excerpt{color:#526064;line-height:1.65}.meta{color:#657174;font-size:12px;margin-top:auto}.read{color:#12818a!important;font-weight:800;text-decoration:none}.load-wrap{display:flex;justify-content:center;padding-top:42px}.load-wrap button{background:var(--barq);border:0;border-radius:99px;box-shadow:0 8px 18px #0e15181f;font-weight:800;min-height:52px;padding:0 28px}.load-wrap button[hidden]{display:none}.about{align-items:center;background:var(--dark);color:#fff;display:grid;gap:70px;grid-template-columns:1.1fr .9fr;padding:70px max(4%,calc((100% - 1180px)/2))}.about h2{color:var(--barq);font-size:clamp(38px,5vw,62px)}.about p{color:#c5d0d0;line-height:1.7}.download{background:var(--barq);color:var(--dark);display:flex;flex-direction:column;min-height:280px;padding:36px}.download strong{font-size:32px;margin:auto 0 28px}.ninja-blog footer{align-items:center;background:var(--dark);border-top:1px solid #2d393d;color:#9aacac;display:flex;font-size:12px;justify-content:space-between;padding:30px 4%}.social{display:flex;gap:9px}.social a{align-items:center;border:1px solid #364347;border-radius:50%;color:#fff;display:flex;font-size:16px;height:40px;justify-content:center;text-decoration:none;width:40px}.social a:hover{background:var(--barq);color:var(--dark)}
@media(max-width:900px){.nb-header nav{display:none}.nb-intro,.about{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.nb-notice{font-size:11px}.nb-header{gap:8px;min-height:62px;padding:0 14px}.nb-header img{height:34px;width:82px}.actions{gap:6px}.actions .button,.actions button{font-size:11px;min-height:36px;padding:0 8px}main{padding:30px 16px 56px}.nb-intro{gap:18px}.nb-intro h1{font-size:40px}.nb-featured{border-radius:8px;grid-template-columns:1fr;margin-bottom:52px}.nb-featured-media img{aspect-ratio:16/9;min-height:0}.nb-featured-content{gap:28px;padding:24px 20px}.nb-featured-content h2{font-size:28px}.latest-head{align-items:stretch;flex-direction:column;gap:14px}.latest-head input{width:100%}.filters{flex-wrap:nowrap;overflow-x:auto}.filters button{flex:0 0 auto}.grid{grid-template-columns:1fr}.about{gap:34px;padding:48px 20px}.about h2{font-size:36px}.download{min-height:240px;padding:26px 22px}.download strong{font-size:26px}.ninja-blog footer{align-items:flex-start;flex-direction:column;gap:16px}.social{flex-wrap:wrap}}
.nb-banner{border-radius:8px;margin-bottom:72px;overflow:hidden}.nb-banner a,.nb-banner picture{display:block}.nb-banner img{aspect-ratio:1600/702;height:auto;object-fit:cover;width:100%}@media(max-width:600px){.nb-banner{margin-bottom:52px}.nb-banner img{aspect-ratio:1080/601}}
.latest-head{background:#fff url("ninja-star.svg") no-repeat center/170px;border:1px solid #d9e2e2;border-bottom:0;border-radius:8px 8px 0 0;min-height:150px;padding:30px 32px}.latest-head h2{font-size:36px;margin:5px 0 0}.latest-kicker{color:#177a82;font-size:11px;font-weight:800;text-transform:uppercase}.news-search{align-items:center;background:#fff;border:1px solid #bfcaca;border-radius:6px;box-shadow:0 8px 22px #0e15180d;display:flex;gap:10px;min-height:50px;padding:0 16px;width:min(100%,390px)}.news-search i{color:#177a82}.news-search input{border:0!important;min-height:0!important;outline:0;padding:0!important;width:100%!important}.nb-latest>.filters{background:#fff;border:1px solid #d9e2e2;border-top:0;border-radius:0 0 8px 8px;margin:0 0 30px;padding:0 32px 28px}.nb-latest>.filters button{background:#f7f9f9}.nb-latest>.filters button.active{background:var(--dark)}@media(max-width:600px){.latest-head{align-items:stretch;background-position:left 18px center;background-size:120px;min-height:0;padding:24px 20px}.latest-head h2{font-size:29px}.news-search{width:100%}.nb-latest>.filters{padding:0 20px 20px}}
.about-copy>p{font-size:16px}.about-block{border-top:1px solid #334044;margin-top:28px;padding-top:24px}.about-block h3{color:#fff;font-size:22px;margin:0 0 10px}.about-block p{margin:0}.download p{color:#173034;line-height:1.6;margin:0 0 24px}.download-inline{font-weight:800;text-decoration:underline;text-underline-offset:4px}.download-inline:hover{color:#fff}.download .button{align-self:flex-start}
.nb-intro{display:block}.nb-intro h1{max-width:100%}
.card .meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px 20px;margin:4px 0 18px}.meta-item{align-items:center;display:inline-flex;gap:8px;white-space:nowrap}.meta-item i{color:#4c5a5e;font-size:21px}.meta-item>span{color:#657174;font-size:13px}.card .read{align-items:center;display:inline-flex;font-size:16px;line-height:1.3;margin-top:0;transition:color .2s ease,transform .2s ease}.card .read:hover{color:var(--dark)!important;transform:translateX(3px)}html[data-ninja-ui-lang=ar] .card .read:hover{transform:translateX(-3px)}
.card .read{color:var(--barq)!important}
.actions .language-button{align-items:center;background:#182226;border:1px solid #3a484c;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:9px;min-height:42px;padding:0 15px;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.actions .language-button i{color:var(--barq);font-size:15px}.actions .language-button:hover,.actions .language-button:focus-visible{background:#223035;border-color:var(--barq);transform:translateY(-2px)}@media(max-width:600px){.actions .language-button{gap:6px;min-height:36px;padding:0 10px}.actions .language-button i{font-size:13px}}
.nb-banner{border-radius:0;left:50%;position:relative;transform:translateX(-50%);width:100vw}
.header-search{align-items:center;background:#fff;border:1px solid #334145;border-radius:6px;display:flex;gap:8px;min-height:40px;padding:0 12px;width:min(25vw,280px)}.header-search i{color:#177a82;font-size:14px}.header-search input{background:transparent;border:0;color:var(--dark);font-size:13px;min-width:0;outline:0;width:100%}.topics-bar{align-items:stretch;background:#dff7f8;display:flex;margin:0 0 30px;min-height:64px;overflow:hidden}.topics-bar h2{align-items:center;background:var(--barq);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 50%,calc(100% - 22px) 100%,0 100%);display:flex;flex:0 0 auto;font-size:20px;margin:0;padding:0 52px 0 24px}.topics-bar .filters{align-items:center;display:flex;gap:4px;margin:0;overflow-x:auto;padding:8px 18px}.topics-bar .filters button{background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;flex:0 0 auto;font-size:13px;padding:10px 14px}.topics-bar .filters button.active{background:var(--dark);border-radius:4px;color:#fff}.about{overflow:hidden;position:relative}.about::after{background:url("ninja-star.svg") no-repeat center/contain;content:"";height:380px;opacity:.12;pointer-events:none;position:absolute;right:-90px;top:40px;width:410px}.about>div{position:relative;z-index:1}html[data-ninja-ui-lang=ar] .topics-bar h2{clip-path:polygon(22px 0,100% 0,100% 100%,22px 100%,0 50%);padding:0 24px 0 52px}html[data-ninja-ui-lang=ar] .about::after{left:-90px;right:auto}@media(max-width:900px){.nb-header{flex-wrap:wrap;padding-bottom:9px;padding-top:9px}.header-search{order:4;width:100%}.topics-bar h2{font-size:17px;padding-inline-end:44px}.about::after{height:280px;width:300px}}@media(max-width:600px){.nb-header{gap:8px}.header-search{min-height:36px}.topics-bar{margin-inline:-16px}.topics-bar h2{font-size:15px;padding-inline-start:16px}.topics-bar .filters{padding-inline:10px}.topics-bar .filters button{padding-inline:10px}.about::after{opacity:.08}}
.ninja-blog main{margin:0;max-width:none;padding:52px 0 80px}.main-inner{margin:0 auto;max-width:1280px;padding:0 4%}.nb-banner{left:auto;position:static;transform:none;width:100%}@media(max-width:600px){.ninja-blog main{padding:30px 0 56px}.main-inner{padding:0 16px}}

/* Header logo and single-purpose latest-news heading. */
.header-logo{align-items:center;display:flex;flex:0 0 auto}.nb-header .header-logo img{height:auto;object-fit:contain;width:108px}.topics-bar{min-height:72px}.topics-bar h2{font-size:22px;min-width:270px;padding-inline:30px 62px}.topics-bar .filters{display:none}html[data-ninja-ui-lang=ar] .topics-bar h2{padding-inline:30px 62px}@media(max-width:600px){.nb-header .header-logo img{height:auto;width:78px}.topics-bar{margin-inline:0;min-height:62px}.topics-bar h2{font-size:18px;min-width:220px;padding-inline:20px 48px}html[data-ninja-ui-lang=ar] .topics-bar h2{padding-inline:20px 48px}}

.actions .language-button{border-radius:10px;display:grid;flex:0 0 42px;height:42px;min-height:42px;padding:0;place-items:center;width:42px}.actions .language-button i{font-size:20px}.actions .language-button .screen-reader-text{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;width:1px}@media(max-width:600px){.actions .language-button{flex-basis:36px;height:36px;min-height:36px;width:36px}.actions .language-button i{font-size:18px}}

/* Compact globe plus target-language control. */
.actions .language-button{background:transparent;border:0;border-radius:0;display:inline-flex;flex:0 0 auto;gap:8px;height:42px;min-height:42px;padding:0 6px;width:auto}.actions .language-button i{color:#fff;font-size:22px}.actions .language-button strong{font-size:15px}.actions .language-button:hover,.actions .language-button:focus-visible{background:transparent;border-color:transparent;color:var(--barq);transform:none}.actions .language-button:hover i,.actions .language-button:focus-visible i{color:var(--barq)}
.topics-bar h2{color:#fff}

/* Full-width dark blog title band. */
.ninja-blog main{padding-top:0}.ninja-blog .nb-intro-band{background:var(--dark);max-width:none;padding:48px 4%}.ninja-blog .nb-intro-band .nb-intro{margin:0 auto;max-width:1280px}.ninja-blog .nb-intro-band .nb-intro h1{color:#fff}.load-wrap button:focus-visible{outline:3px solid #177a82;outline-offset:3px}@media(max-width:600px){.actions .language-button{display:inline-flex;flex-basis:auto;gap:6px;height:36px;min-height:36px;padding:0 4px;width:auto}.actions .language-button i{font-size:19px}.actions .language-button strong{font-size:13px}.ninja-blog .nb-intro-band{padding:30px 16px}}

/* Keep the public page identical to the Elementor preview. */
.elementor-widget-shortcode .ninja-blog,.elementor-widget-text-editor .ninja-blog,.ninja-blog{left:auto;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);position:relative;width:100vw;max-width:100vw}

/* Keep the dark header and intro visually connected outside Elementor's editor. */
.ninja-blog .nb-top-shell {
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--dark);
  color: #fff;
}

.ninja-blog .nb-top-shell > .nb-header,
.ninja-blog .nb-top-shell > .nb-intro-band {
  margin: 0 !important;
  margin-block: 0 !important;
}

.ninja-blog .nb-top-shell .nb-intro-band {
  background: transparent;
}

.ninja-blog .nb-top-shell + main {
  display: block;
  margin-top: 0 !important;
  margin-block-start: 0 !important;
  padding-top: 0 !important;
}

.ninja-blog > main,
.ninja-blog > .nb-header + main {
  margin-top: 0 !important;
  margin-block-start: 0 !important;
  padding-top: 0 !important;
}

.ninja-blog .nb-intro-band {
  margin-top: 0 !important;
  margin-block-start: 0 !important;
}

.elementor-widget-text-editor:has(.ninja-blog),
.elementor-widget-shortcode:has(.ninja-blog),
.elementor-widget-text-editor:has(.ninja-blog) > .elementor-widget-container,
.elementor-widget-shortcode:has(.ninja-blog) > .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-widget-text-editor:has(.ninja-blog) > .elementor-widget-container > p:empty,
.elementor-widget-shortcode:has(.ninja-blog) > .elementor-widget-container > p:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.nb-icon{display:inline-block;fill:none;flex:0 0 auto;height:1.2em;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9;width:1.2em}.nb-icon .fill{fill:currentColor;stroke:none}.header-search .nb-icon{color:#177a82;height:18px;width:18px}.language-button .nb-icon{color:#fff;height:23px;width:23px}.social .nb-icon{color:#fff!important;display:block!important;fill:none!important;height:19px!important;opacity:1!important;overflow:visible!important;stroke:#fff!important;visibility:visible!important;width:19px!important}.social .nb-icon *{stroke:inherit}.social .nb-icon .fill{fill:#fff!important;stroke:none!important}.social .nb-icon-facebook,.social .nb-icon-facebook path{fill:#fff!important;stroke:none!important}.social a:hover .nb-icon{color:var(--dark)!important;stroke:var(--dark)!important}.social a:hover .nb-icon .fill,.social a:hover .nb-icon-facebook,.social a:hover .nb-icon-facebook path{fill:var(--dark)!important}.article-date .nb-icon{height:20px;width:20px}.meta-item i{display:none}
body.admin-bar .nb-header{top:32px}@media(max-width:782px){body.admin-bar .nb-header{top:46px}}@media(max-width:600px){.elementor-widget-shortcode .ninja-blog,.elementor-widget-text-editor .ninja-blog,.ninja-blog{left:auto;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw}}

/* Individual article page. */
.ninja-article-page{background:var(--soft);margin:0}.ninja-article .article-main{margin:0 auto;max-width:1120px;padding:54px 24px 90px}.article-back{color:#177a82!important;display:inline-block;font-size:14px;font-weight:800;margin-bottom:22px;text-decoration:none}.article-shell{background:#fff;border:1px solid #d9dede;border-radius:8px;overflow:hidden}.article-hero{padding:52px max(32px,8%)}.article-hero .tag{display:inline-block}.article-hero h1{font-size:clamp(36px,5vw,66px);line-height:1.18;margin:22px 0}.article-date{align-items:center;color:#657174;display:flex;font-size:14px;gap:9px}.article-date i{font-size:20px}.article-image{margin:0}.article-image img{height:auto;max-height:680px;object-fit:cover;width:100%}.article-content{color:#283438;font-size:18px;line-height:1.95;margin:0 auto;max-width:820px;padding:58px 32px 76px}.article-content p{margin:0 0 1.45em}.article-content h2,.article-content h3{color:var(--dark);line-height:1.35;margin:1.7em 0 .65em}.article-content img{border-radius:6px;height:auto;margin:28px auto;max-width:100%}.article-content a{color:#147b83;text-decoration:underline;text-underline-offset:3px}.article-content blockquote{border-inline-start:4px solid var(--barq);color:#526064;margin:34px 0;padding:8px 24px}.ninja-article footer{margin-top:0}@media(max-width:600px){.ninja-article .article-main{padding:30px 14px 58px}.article-hero{padding:34px 22px}.article-hero h1{font-size:34px}.article-content{font-size:16px;padding:36px 22px 52px}}