/* ============================================================
   الدراسات — أنماط خاصة بهذه الصفحة وحدها.
   المُحدِّدات مسبوقة بـst- تجنّباً لأي تعارض مع site.css.
   ============================================================ */

.st-open, .st-indics, .st-library, .st-domains{ --st-pad: clamp(46px, 4.8vw, 74px); }
.st-inner, .st-open-inner{max-width:1180px; margin:0 auto;}

.st-eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  font-family:var(--font-head); font-size:11.5px; font-weight:700;
  color:var(--teal); background:var(--mint-pale);
  border:1px solid rgba(31,120,116,.16); padding:6px 15px; border-radius:999px;
}
.st-eyebrow::before{content:''; width:5px; height:5px; border-radius:50%; background:var(--teal);}
.st-eyebrow-light{color:var(--mint); background:rgba(179,222,202,.10); border-color:rgba(179,222,202,.24);}
.st-eyebrow-light::before{background:var(--mint);}
.st-head{margin-bottom:clamp(24px,2.8vw,36px);}
.st-head h2{
  font-family:var(--font-head); color:var(--navy);
  font-size:clamp(22px,2.6vw,32px); font-weight:800; line-height:1.3; margin-top:13px;
}
.st-head-light h2{color:#fff;}

/* ---------- الافتتاحية ---------- */
.st-open{
  position:relative; overflow:hidden; isolation:isolate;
  background:linear-gradient(152deg, #04203A 0%, var(--navy) 52%, #0B3A5E 100%);
  color:#fff; padding:clamp(84px,8.6vw,126px) 28px clamp(50px,5.2vw,72px);
}
/* خطوط بيانية خافتة توحي بالقياس والتحليل */
.st-open-bg{
  position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:
    radial-gradient(58% 76% at 88% 10%, rgba(44,148,142,.26), transparent 60%),
    radial-gradient(46% 62% at 6% 96%, rgba(65,127,193,.18), transparent 62%),
    repeating-linear-gradient(0deg, rgba(255,255,255,.035) 0 1px, transparent 1px 44px);
}
.st-open-inner{display:grid; grid-template-columns:1.12fr .88fr; gap:clamp(28px,4vw,56px); align-items:center;}
.st-kicker{
  display:inline-block; font-family:var(--font-head); font-size:12.5px; font-weight:700;
  color:var(--mint); background:rgba(179,222,202,.10);
  border:1px solid rgba(179,222,202,.22); padding:7px 16px; border-radius:999px; margin-bottom:18px;
}
.st-open h1{
  font-family:var(--font-head); font-weight:800; color:#fff;
  font-size:clamp(26px,3.6vw,44px); line-height:1.26; letter-spacing:-.5px; text-wrap:balance;
}
.st-lede{margin-top:16px; font-size:clamp(14.5px,1.3vw,16.5px); line-height:1.85; color:rgba(255,255,255,.78); max-width:54ch;}
.st-lede p{margin:0;}

.st-stats{list-style:none; margin:28px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:12px;}
.st-stats li{
  flex:1 1 150px; min-width:0;
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.13); padding:16px 20px;
}
.st-stats b{
  display:block; font-family:var(--font-head); font-size:clamp(22px,2.4vw,28px);
  font-weight:800; color:var(--mint); line-height:1;
}
.st-stats span{display:block; margin-top:6px; font-size:12.5px; line-height:1.55; color:rgba(255,255,255,.64);}

.st-jump{
  display:inline-flex; align-items:center; gap:9px; margin-top:26px;
  padding:13px 26px; border-radius:999px;
  border:1px solid rgba(255,255,255,.24); color:#fff; font-weight:700; font-size:14px;
  transition:background .3s ease, transform .35s cubic-bezier(.16,1,.3,1);
}
.st-jump:hover{background:rgba(255,255,255,.1); transform:translateY(-2px);}
.st-jump svg{width:16px; height:16px;}

.st-open-img{margin:0; overflow:hidden; aspect-ratio:4/3; box-shadow:var(--shadow-lg);}
.st-open-img img{width:100%; height:100%; object-fit:cover; display:block;}

/* ---------- مؤشرات القطاع ---------- */
.st-indics{padding:var(--st-pad) 28px; background:linear-gradient(165deg, #06264A, var(--navy));}
.st-indic-grid{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:1px; background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.10);
}
.st-indic-grid li{
  background:#06264A; padding:clamp(22px,2.6vw,32px);
  transition:background .35s ease;
}
.st-indic-grid li:hover{background:#0a3457;}
.st-indic-grid b{
  display:block; font-family:var(--font-head); font-size:clamp(24px,2.9vw,34px);
  font-weight:800; color:var(--mint); line-height:1.15; letter-spacing:-.4px;
}
.st-indic-grid span{display:block; margin-top:10px; font-size:13.5px; line-height:1.7; color:rgba(255,255,255,.66);}

/* ---------- المكتبة ---------- */
.st-library{padding:var(--st-pad) 28px;}
.st-lib-group + .st-lib-group{margin-top:clamp(30px,3.4vw,46px); padding-top:clamp(26px,3vw,38px); border-top:1px solid var(--line);}
.st-lib-title{
  font-family:var(--font-head); font-size:clamp(17px,1.9vw,21px); font-weight:800;
  color:var(--navy); line-height:1.45;
}
.st-lib-lede{margin-top:8px; font-size:14px; line-height:1.85; color:#5d7285; max-width:72ch;}
.st-lib-lede p{margin:0;}

.st-docs{list-style:none; margin:20px 0 0; padding:0;}
.st-docs li{
  position:relative; display:flex; align-items:center; gap:15px;
  padding:15px 12px; border-bottom:1px solid var(--line); overflow:hidden;
  transition:background .3s ease, padding-inline-start .35s cubic-bezier(.16,1,.3,1);
}
.st-docs li::before{
  content:''; position:absolute; inset-block:0; inset-inline-start:0; width:3px;
  background:var(--teal); transform:scaleY(0); transform-origin:bottom;
  transition:transform .38s cubic-bezier(.16,1,.3,1);
}
.st-docs li:hover{background:var(--paper-tint); padding-inline-start:20px;}
.st-docs li:hover::before{transform:scaleY(1);}
.st-doc-ic{
  width:42px; height:42px; border-radius:50%; flex-shrink:0;
  background:var(--mint-pale); color:var(--teal);
  display:flex; align-items:center; justify-content:center;
  transition:background .3s ease, color .3s ease;
}
.st-doc-ic svg{width:19px; height:19px;}
.st-docs li:hover .st-doc-ic{background:var(--teal); color:#fff;}
.st-doc-body{flex:1; min-width:0;}
.st-doc-body > b{
  display:block; font-family:var(--font-head); font-size:15px; font-weight:800;
  color:var(--navy); line-height:1.5;
}
.st-doc-meta{display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:6px;}
.st-doc-meta time, .st-doc-meta > span{
  font-family:'Roboto',sans-serif; font-size:12.5px; color:#7c8b99; letter-spacing:.2px;
}
.st-doc-meta em{
  font-style:normal; font-size:11.5px; font-weight:700; color:var(--teal);
  background:var(--mint-pale); border:1px solid rgba(31,120,116,.16);
  padding:3px 11px; border-radius:999px;
}

/* ---------- مجالات البحث ---------- */
.st-domains{padding:var(--st-pad) 28px; background:var(--paper-tint);}
.st-domain-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:14px;}
.st-domain{
  display:flex; flex-direction:column; gap:5px;
  background:#fff; border:1px solid var(--line); padding:20px 22px 22px;
  transition:transform .4s cubic-bezier(.16,1,.3,1), box-shadow .4s ease, border-color .4s ease;
}
.st-domain b{font-family:var(--font-head); font-size:15.5px; font-weight:800; color:var(--navy); line-height:1.5;}
.st-domain span{font-size:12.5px; line-height:1.65; color:#7c8b99;}
.st-domain svg{width:17px; height:17px; color:var(--teal); margin-top:10px; transition:transform .35s cubic-bezier(.16,1,.3,1);}
/* البطاقة بلا رابط لا تتظاهر بأنها قابلة للضغط */
.st-domain.is-link:hover{transform:translateY(-4px); box-shadow:var(--shadow-sm); border-color:rgba(31,120,116,.35);}
.st-domain.is-link:hover svg{transform:translateX(-5px);}

/* ---------- الحركة ---------- */
@media (prefers-reduced-motion: no-preference){
  .st-stats li,
  [data-reveal] .st-indic-grid li,
  [data-reveal] .st-docs li,
  [data-reveal] .st-domain{
    animation:st-rise .64s cubic-bezier(.16,1,.3,1) both;
    animation-delay:calc(var(--i, 0) * 65ms);
  }
  [data-reveal] .st-indic-grid li,
  [data-reveal] .st-docs li,
  [data-reveal] .st-domain{animation-play-state:paused;}
  [data-reveal].in-view .st-indic-grid li,
  [data-reveal].in-view .st-docs li,
  [data-reveal].in-view .st-domain{animation-play-state:running;}
  @keyframes st-rise{from{opacity:0; translate:0 14px;} to{opacity:1; translate:0 0;}}
}

/* ---------- الاستجابة ---------- */
@media (max-width:900px){
  .st-open-inner{grid-template-columns:1fr; gap:30px;}
  .st-open-img{max-width:560px; margin-inline:auto; width:100%; aspect-ratio:16/10;}
  .st-domain-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:620px){
  .st-domain-grid{grid-template-columns:1fr;}
  .st-stats li{flex:1 1 100%;}
  .st-docs li{padding:13px 8px; gap:12px;}
  .st-doc-ic{width:36px; height:36px;}
  .st-doc-ic svg{width:16px; height:16px;}
  .st-jump{width:100%; justify-content:center;}
}