:root{
  --consult-bg:#f4f6f8;
  --consult-card:#ffffff;
  --consult-ink:#0f172a;
  --consult-muted:#5f6b7a;
  --consult-line:#d8e0e9;
  --consult-brand:#0b5cab;
  --consult-brand-2:#0f3d6e;
  --consult-soft:#eef4fa;
  --consult-accent:#1f8cff;
  --consult-shadow:0 14px 34px rgba(15,23,42,.08);
  --consult-shadow-lg:0 28px 65px rgba(15,23,42,.14);
  --consult-radius:18px;
  --consult-radius-sm:12px;
}
html{scroll-behavior:smooth}
body{
  font-family:"Alexandria", "IBM Plex Sans Arabic", "Tajawal", system-ui, sans-serif !important;
  background:
    radial-gradient(900px 420px at 100% -8%, rgba(11,92,171,.08), transparent 60%),
    radial-gradient(700px 360px at 0% 8%, rgba(15,61,110,.05), transparent 60%),
    var(--consult-bg) !important;
  color:var(--consult-ink) !important;
  padding-top:0 !important;
}
body.dark-mode{
  background:linear-gradient(180deg,#08111f,#0d1628 45%,#0a1322) !important;
}
.container{max-width:1240px !important}
.card,.topbar-inner,.site-footer,.article-container,.contact-card,.post-card,.focus-card,.team-card,.sector-card,.hero-box,.article-header,.article-body,.share-bar,.filters form,.drawer,.drawer-pill,.drawer-nav a{
  border-radius:var(--consult-radius) !important;
}
.card,.post-card,.contact-card,.team-card,.focus-card,.sector-card,.article-container,.topbar-inner,.site-footer,.hero-box{
  box-shadow:var(--consult-shadow) !important;
}
/* Header */
.topbar{
  margin-top:0 !important;
  position:sticky !important;
  top:0 !important;
  z-index:70 !important;
  padding-top:18px;
}
.topbar-inner{
  background:rgba(255,255,255,.92) !important;
  border:1px solid rgba(216,224,233,.95) !important;
  border-radius:20px !important;
  padding:16px 20px !important;
  min-height:86px;
  gap:16px !important;
}
body.dark-mode .topbar-inner{
  background:rgba(8,17,31,.92) !important;
  border-color:rgba(51,65,85,.9) !important;
}
.brand{gap:14px !important}
.brand img{width:54px !important;height:54px !important;border-radius:14px;object-fit:contain;background:#fff;padding:6px;border:1px solid rgba(216,224,233,.9)}
.brand-text strong,.brand strong{font-size:1.35rem !important;font-weight:800 !important;letter-spacing:-.01em}
.brand-text span,.brand span{font-size:.86rem !important;color:var(--consult-muted) !important;font-weight:500 !important}
.nav.nav-desktop,.nav.desktop{
  gap:8px !important;
}
.nav.nav-desktop a,.nav.desktop a,.nav a{
  padding:12px 14px !important;
  border-radius:12px !important;
  color:#324256 !important;
  font-size:.94rem !important;
  font-weight:600 !important;
}
.nav.nav-desktop a:hover,.nav.desktop a:hover,.nav a:hover,
.nav.desktop a.active{
  background:var(--consult-soft) !important;
  color:var(--consult-brand-2) !important;
  border-color:rgba(11,92,171,.18) !important;
}
.btn,.icon-btn,.menu-btn{
  border-radius:12px !important;
  padding:11px 14px !important;
  font-weight:700 !important;
  box-shadow:none !important;
}
.btn.primary,.icon-btn{
  background:linear-gradient(180deg,#0f68bf,#0b5cab) !important;
  color:#fff !important;
  border-color:#0b5cab !important;
}
.btn.primary i,.icon-btn i{color:#fff !important}
.btn:not(.primary):not(.danger){background:#fff !important;border-color:rgba(216,224,233,.9) !important;color:#223045 !important}
.menu-btn{display:none !important}
@media (max-width: 1024px){
  .menu-btn{display:inline-flex !important}
  .nav.nav-desktop,.nav.desktop{display:none !important}
  .topbar-inner{padding:14px !important}
}
/* Hero */
.hero{
  margin:24px 0 34px !important;
  min-height:640px !important;
  border-radius:28px !important;
  overflow:hidden !important;
  background:#0b1d36 !important;
  border:1px solid rgba(255,255,255,.08) !important;
}
.hero .slide img{opacity:.18 !important;filter:blur(1px) saturate(.95) !important;transform:scale(1.06)}
.hero-overlay{
  background:
    linear-gradient(90deg, rgba(6,17,33,.82) 0%, rgba(8,25,49,.56) 38%, rgba(9,31,58,.16) 100%),
    radial-gradient(600px 280px at 30% 86%, rgba(31,140,255,.14), transparent 70%),
    radial-gradient(520px 260px at 86% 12%, rgba(255,255,255,.08), transparent 70%) !important;
}
.hero-content{
  padding:58px 56px !important;
  display:flex !important;
  align-items:stretch !important;
}
.hero-box{
  width:100% !important;
  max-width:1180px !important;
  margin:0 auto !important;
  background:linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.03)) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr) !important;
  gap:28px !important;
  padding:34px !important;
  align-items:end !important;
}
.hero-left{max-width:none !important;display:flex;flex-direction:column;gap:18px}
.tag#heroTag,.tag{
  align-self:flex-start !important;
  background:rgba(255,255,255,.09) !important;
  color:#f8fbff !important;
  border:1px solid rgba(255,255,255,.14) !important;
  padding:11px 16px !important;
  border-radius:999px !important;
  font-size:.82rem !important;
  font-weight:700 !important;
}
.hero-title{
  max-width:10.7ch !important;
  margin:0 !important;
  font-size:clamp(2.8rem,5vw,5.6rem) !important;
  line-height:1.08 !important;
  font-weight:800 !important;
  color:#fff !important;
  letter-spacing:-.045em !important;
  text-wrap:balance;
}
.hero-desc{
  max-width:64ch !important;
  font-size:1.08rem !important;
  line-height:2 !important;
  color:rgba(239,246,255,.88) !important;
  margin:0 !important;
  font-weight:500 !important;
}
.hero-highlights{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:4px;
}
.hero-mini{
  padding:16px 16px 14px;
  border-radius:16px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(6px);
}
.hero-mini strong{display:block;color:#fff;font-size:1rem;font-weight:700;margin-bottom:8px}
.hero-mini span{display:block;color:rgba(237,246,255,.82);font-size:.88rem;line-height:1.85;font-weight:500}
.hero-actions{
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  gap:14px !important;
  align-items:stretch !important;
}
.hero-actions .btn{
  width:100% !important;
  justify-content:center !important;
  min-height:52px;
  font-size:.98rem !important;
}
.hero-actions::before{
  content:"خدمات استشارية وتدريبية مبنية على الاحتياج، مدعومة بمنهجية تنفيذ واضحة ومخرجات قابلة للقياس.";
  display:block;
  padding:18px 18px 16px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  color:#eef6ff;
  line-height:2;
  font-size:.93rem;
  font-weight:500;
}
.controls,.dots{z-index:4 !important}
.controls{left:26px !important;bottom:22px !important;gap:10px !important}
.iconbtn{width:44px !important;height:44px !important;border-radius:12px !important;background:rgba(8,24,45,.62) !important;border:1px solid rgba(255,255,255,.14) !important}
.dots{left:26px !important;bottom:18px !important}
@media (max-width: 1100px){
  .hero{min-height:720px !important}
  .hero-box{grid-template-columns:1fr !important;gap:20px !important;padding:26px !important}
  .hero-title{max-width:12ch !important;font-size:clamp(2.5rem,5.5vw,4.6rem) !important}
  .hero-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-actions{flex-direction:row !important;flex-wrap:wrap}
  .hero-actions::before{flex-basis:100%}
  .hero-actions .btn{width:auto !important;flex:1 1 220px}
}
@media (max-width: 767px){
  .hero{min-height:unset !important;margin-top:18px !important}
  .hero-content{padding:22px 16px !important}
  .hero-box{padding:20px !important;border-radius:22px !important}
  .hero-title{max-width:100% !important;font-size:clamp(2.2rem,9vw,3.2rem) !important;line-height:1.15 !important}
  .hero-desc{font-size:1rem !important;line-height:1.95 !important}
  .hero-highlights{grid-template-columns:1fr}
  .controls{left:14px !important;bottom:12px !important}
  .dots{left:14px !important;bottom:10px !important}
}
/* Sections */
main section{margin-bottom:34px !important}
.sec-head{display:flex !important;align-items:end !important;justify-content:space-between !important;gap:20px !important;margin-bottom:18px !important}
.sec-head h2{font-size:1.75rem !important;line-height:1.2 !important;margin:0 0 8px !important;font-weight:800 !important;letter-spacing:-.02em}
.sec-head p{margin:0 !important;color:var(--consult-muted) !important;font-size:.98rem !important;line-height:1.9 !important;max-width:64ch}
.link,.more{font-weight:700 !important;color:var(--consult-brand-2) !important}
.grid{gap:18px !important}
.focus-card,.team-card,.post-card,.sector-card,.contact-card,.article-container,.article-header,.article-body,.share-bar,.filters form,.card{
  background:#fff !important;
  border:1px solid rgba(216,224,233,.86) !important;
}
body.dark-mode .focus-card,
body.dark-mode .team-card,
body.dark-mode .post-card,
body.dark-mode .sector-card,
body.dark-mode .contact-card,
body.dark-mode .article-container,
body.dark-mode .article-header,
body.dark-mode .article-body,
body.dark-mode .share-bar,
body.dark-mode .filters form,
body.dark-mode .card,
body.dark-mode .site-footer{background:#0f1a2a !important;border-color:rgba(51,65,85,.92) !important}
.focus-card,.team-card,.post-card{padding:0 !important;overflow:hidden}
.focus-card,.team-card{padding:24px !important}
.focus-ic,.sector-ic{
  width:58px !important;height:58px !important;border-radius:16px !important;
  background:linear-gradient(180deg,#eaf3fb,#d9e8f7) !important;color:var(--consult-brand-2) !important;
  border:1px solid rgba(11,92,171,.10) !important;
}
.focus-card h3,.team-name,.sector-card h3,.post-body h3{font-weight:750 !important;letter-spacing:-.015em}
.focus-card p,.sector-card p,.team-bio,.post-body .desc,.meta,.team-title,.muted,.foot-contact,.hero-mini span,.contact-card p{color:var(--consult-muted) !important}
.team-avatar{width:92px !important;height:92px !important;border-radius:20px !important;border:1px solid rgba(216,224,233,.85) !important;background:#fff !important;overflow:hidden}
.team-tags{margin-top:16px !important;gap:8px !important}
.team-tag{background:var(--consult-soft) !important;color:var(--consult-brand-2) !important;border:none !important;border-radius:999px !important;padding:8px 12px !important;font-size:.78rem !important;font-weight:700 !important}
.team-tag i{color:var(--consult-brand) !important}
.sector-card{min-height:300px !important;border-radius:18px !important}
.sector-bg{filter:saturate(.85) contrast(.92) brightness(.7) !important}
.sector-ol{background:linear-gradient(180deg, rgba(7,18,34,.18), rgba(7,18,34,.72)) !important}
.sector-in{padding:24px !important}
.post-img{height:210px !important;object-fit:cover !important}
.post-body{padding:20px !important}
.post-body h3{font-size:1.2rem !important;line-height:1.6 !important;min-height:3.2em}
.meta{font-size:.78rem !important;font-weight:600 !important;display:flex;gap:14px;flex-wrap:wrap}
/* Contact */
.contact-wrap{grid-template-columns:minmax(0,1.1fr) minmax(290px,.9fr) !important;gap:18px !important}
.contact-card{padding:24px !important}
.contact-card form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.contact-card form .field:last-of-type{grid-column:1/-1}
.contact-card form .field:nth-last-of-type(2){grid-column:1/-1}
.contact-card input,.contact-card textarea{
  border-radius:12px !important;
  background:#f8fafc !important;
  border:1px solid rgba(216,224,233,.9) !important;
  padding:14px 16px !important;
  font-size:.95rem !important;
  font-family:inherit !important;
}
.contact-card textarea{min-height:160px !important;resize:vertical}
.contact-card .btn.primary{min-height:52px;width:auto !important;justify-content:center}
.foot-title{font-size:1.04rem !important;font-weight:750 !important;margin-bottom:14px !important}
.foot-links{display:grid !important;gap:10px !important}
.foot-links a{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:12px 14px;border-radius:12px;background:var(--consult-soft);color:var(--consult-brand-2) !important;font-weight:700
}
.foot-links a::after{content:"\2190";font-size:1rem;opacity:.65}
html[dir="ltr"] .foot-links a::after{content:"\2192"}
/* Footer */
.site-footer{
  margin-top:36px !important;
  padding:28px !important;
  background:linear-gradient(180deg,#0e2038,#0b1830) !important;
  border:1px solid rgba(255,255,255,.08) !important;
}
.site-footer *{color:#e8f1fb !important}
.site-footer .muted,.site-footer .foot-contact{color:rgba(232,241,251,.76) !important}
.foot-grid{display:grid !important;grid-template-columns:1.15fr .95fr .9fr;gap:28px !important;align-items:start !important}
.foot-logo{width:68px !important;height:68px !important;border-radius:18px !important;background:#fff !important;padding:10px;display:grid;place-items:center}
.foot-brand strong{display:block;font-size:1.22rem;font-weight:800;margin-bottom:8px}
.foot-contact div{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-weight:500}
.foot-contact i{color:#7dc0ff !important}
.foot-social{display:flex !important;gap:10px !important;margin-top:16px !important}
.foot-social .soc,.soc{
  width:42px !important;height:42px !important;border-radius:12px !important;
  background:rgba(255,255,255,.08) !important;border:1px solid rgba(255,255,255,.14) !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  color:#fff !important;
}
.foot-social .soc i,.soc i{color:#fff !important;font-size:1rem !important;opacity:1 !important}
.foot-bottom{margin-top:24px !important;padding-top:18px !important;border-top:1px solid rgba(255,255,255,.10) !important;color:rgba(232,241,251,.78) !important;font-size:.85rem !important}
/* Article */
#article-details{padding-top:10px}
.article-breadcrumb-wrapper{margin:10px auto 16px !important;max-width:1240px;padding:0 24px}
.article-container{padding:22px !important;max-width:1160px !important;margin:0 auto !important}
.article-header{
  padding:0 0 18px !important;
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}
.article-header h1{font-size:clamp(2rem,3.4vw,3.4rem) !important;line-height:1.28 !important;letter-spacing:-.03em !important;margin:0 0 16px !important}
.article-meta{gap:12px !important;flex-wrap:wrap !important}
.article-meta span{padding:10px 14px !important;border-radius:999px !important;background:var(--consult-soft) !important;color:var(--consult-brand-2) !important;font-weight:700 !important}
.article-image{margin:12px 0 22px !important;border-radius:18px !important;max-height:520px !important;object-fit:cover !important;box-shadow:var(--consult-shadow)}
.article-body{padding:32px !important;font-size:1.04rem !important;line-height:2.15 !important}
.article-body h2,.article-body h3{line-height:1.6 !important;letter-spacing:-.02em}
.article-body p{margin:0 0 1.1em !important}
.article-body img{max-width:100% !important;height:auto !important;border-radius:16px !important;margin:20px auto !important;display:block;box-shadow:var(--consult-shadow)}
.share-bar{display:flex !important;gap:10px !important;align-items:center !important;flex-wrap:wrap !important;padding:18px 20px !important;margin-top:18px !important}
.share-btn{width:44px !important;height:44px !important;border-radius:12px !important;border:1px solid rgba(216,224,233,.95) !important;background:#fff !important;color:var(--consult-brand-2) !important}
.share-btn i{color:inherit !important}
/* Archive */
main > .sec-head:first-of-type{margin-top:18px !important}
.filters{padding:0 !important;margin-bottom:0 !important}
.filters form{display:grid !important;grid-template-columns:minmax(0,1.2fr) 220px auto auto;gap:12px !important;padding:18px !important;align-items:center !important}
.filters .in,.filters .sel{height:52px !important;border-radius:14px !important;background:#f8fafc !important;border:1px solid rgba(216,224,233,.95) !important;padding:0 14px !important}
.filters input,.filters select{height:100% !important;background:transparent !important;border:0 !important;box-shadow:none !important;font-family:inherit !important}
.pager{margin-top:20px !important;display:flex !important;gap:8px !important;justify-content:center !important;flex-wrap:wrap !important}
.page{min-width:42px;height:42px;border-radius:12px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;border:1px solid rgba(216,224,233,.95) !important;background:#fff !important;color:#203041 !important;font-weight:700 !important}
.page.active{background:var(--consult-brand) !important;color:#fff !important;border-color:var(--consult-brand) !important}
footer:not(.site-footer){text-align:center;padding:16px 0;color:var(--consult-muted);font-size:.84rem}
/* Mobile adjustments */
@media (max-width: 900px){
  .contact-wrap{grid-template-columns:1fr !important}
  .contact-card form{grid-template-columns:1fr !important}
  .foot-grid{grid-template-columns:1fr !important}
  .filters form{grid-template-columns:1fr !important}
}
@media (max-width: 767px){
  .topbar{padding-top:10px}
  .container{padding-inline:16px !important}
  .topbar-inner{min-height:74px;padding:12px 14px !important;border-radius:18px !important}
  .brand img{width:46px !important;height:46px !important}
  .brand-text strong,.brand strong{font-size:1.08rem !important}
  .sec-head{flex-direction:column !important;align-items:flex-start !important}
  .site-footer{padding:22px !important}
  .article-container{padding:16px !important}
  .article-body{padding:22px 18px !important;font-size:1rem !important}
  .share-bar{padding:14px !important}
}


/* v11 language-safe hero cleanup */
.hero-actions::before{content:none !important;display:none !important;}