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

.gv-open, .gv-lede-sec, .gv-registry, .gv-cta{ --gv-pad: clamp(46px, 4.8vw, 74px); }
.gv-inner, .gv-open-inner{max-width:1180px; margin:0 auto;}
.gv-sr{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;}

.gv-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;
}
.gv-eyebrow::before{content:''; width:5px; height:5px; border-radius:50%; background:var(--teal);}
.gv-head{margin-bottom:clamp(22px,2.6vw,32px);}
.gv-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;
}

/* ---------- الافتتاحية ---------- */
.gv-open{
  position:relative; overflow:hidden; isolation:isolate; text-align:center;
  background:linear-gradient(154deg, #04203A 0%, var(--navy) 52%, #0A3457 100%);
  color:#fff; padding:clamp(86px,8.8vw,128px) 28px clamp(50px,5.2vw,70px);
}
/* شبكة منتظمة توحي بالنظام والانضباط — تناسب موضوع الصفحة */
.gv-open-bg{
  position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:
    radial-gradient(58% 76% at 86% 8%, rgba(44,148,142,.24), transparent 60%),
    radial-gradient(44% 60% at 8% 96%, rgba(65,127,193,.16), transparent 62%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.04) 0 1px, transparent 1px 52px),
    repeating-linear-gradient(0deg,  rgba(255,255,255,.03) 0 1px, transparent 1px 52px);
}
.gv-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;
}
.gv-open h1{
  font-family:var(--font-head); font-weight:800; color:#fff;
  font-size:clamp(26px,3.7vw,45px); line-height:1.25; letter-spacing:-.5px;
  max-width:20ch; margin-inline:auto; text-wrap:balance;
}
.gv-tagline{
  margin:16px auto 0; max-width:60ch;
  font-size:clamp(14.5px,1.3vw,16.5px); line-height:1.85; color:rgba(255,255,255,.78);
}
.gv-count{
  display:inline-flex; align-items:baseline; gap:8px; margin-top:24px;
  font-size:13px; color:rgba(255,255,255,.65);
  border:1px solid rgba(255,255,255,.14); padding:9px 18px; border-radius:999px;
}
.gv-count b{font-family:'Roboto',sans-serif; font-size:19px; font-weight:800; color:var(--mint);}

/* ---------- التمهيد ----------
   كان النص يحمل صنفَي gv-inner وgv-lede معاً، فيفوز الأصغر (80ch)
   وتُتوسَّط الكتلة بـmargin:auto فتطفو في منتصف الصفحة بعيداً عن عمود
   المحتوى. الآن: gv-inner يتكفّل بالعرض والتوسيط، والنص عمود داخله. */
.gv-lede-sec{padding:var(--gv-pad) 28px 0;}
.gv-lede-grid{
  display:grid; grid-template-columns:minmax(150px, .24fr) 1fr;
  gap:clamp(20px,3vw,44px); align-items:start;
}
.gv-lede-aside{position:sticky; top:96px;}
.gv-lede-rule{display:block; width:44px; height:2px; background:var(--teal); margin-top:16px;}
.gv-lede{
  font-size:clamp(15px,1.35vw,16.5px); line-height:1.95; color:#41566a; max-width:68ch;
}
.gv-lede p{margin:0 0 16px;}
.gv-lede p:last-child{margin-bottom:0;}
/* الفقرة الأولى أدكن قليلاً — تدرّج يقود القراءة */
.gv-lede p:first-child{color:var(--navy); font-weight:500;}

/* ---------- سجلّ الوثائق ---------- */
.gv-registry{padding:var(--gv-pad) 28px;}

.gv-search{
  position:relative; display:flex; align-items:center;
  background:#fff; border:1px solid var(--line); box-shadow:var(--shadow-sm);
  transition:border-color .3s ease, box-shadow .3s ease;
}
.gv-search:focus-within{border-color:var(--teal); box-shadow:0 0 0 4px rgba(31,120,116,.1);}
.gv-search-ic{
  display:flex; align-items:center; justify-content:center;
  width:52px; height:52px; color:var(--teal); flex-shrink:0;
}
.gv-search-ic svg{width:19px; height:19px;}
.gv-search input{
  flex:1; min-width:0; border:0; outline:0; background:transparent;
  font-family:'Tajawal'; font-size:14.5px; color:var(--navy); padding:15px 0;
}
.gv-search input::placeholder{color:#9aa8b4;}
/* نُخفي زرّ المسح الأصلي في ويبكِت لأن لدينا زرّاً مصمّماً */
.gv-search input::-webkit-search-cancel-button{-webkit-appearance:none; appearance:none;}
.gv-clear{
  width:44px; height:52px; flex-shrink:0; cursor:pointer;
  background:transparent; border:0; color:#8394a3; font-size:24px; line-height:1;
  transition:color .25s ease;
}
.gv-clear:hover{color:var(--navy);}
.gv-result{margin:12px 2px 0; font-size:13px; color:#6d8194; min-height:1.2em;}

.gv-group{margin-top:clamp(24px,3vw,36px);}
.gv-group[hidden]{display:none;}
.gv-group-title{
  display:flex; align-items:center; gap:10px;
  font-family:var(--font-head); font-size:14px; font-weight:800; color:var(--navy);
  padding-bottom:10px; margin-bottom:4px; border-bottom:2px solid var(--line);
}
.gv-group-title span{
  font-family:'Roboto',sans-serif; font-size:11.5px; font-weight:800; color:var(--teal);
  background:var(--mint-pale); min-width:24px; height:22px; border-radius:999px;
  display:inline-flex; align-items:center; justify-content:center;
}

.gv-rows{list-style:none; margin:0; padding:0;}
.gv-rows li{border-bottom:1px solid var(--line);}
.gv-rows li[hidden]{display:none;}
.gv-row{
  position:relative; display:flex; align-items:center; gap:16px;
  padding:16px 12px; overflow:hidden;
  transition:background .3s ease, padding-inline-start .35s cubic-bezier(.16,1,.3,1);
}
/* شريط ينمو من حافة الصف عند المرور */
.gv-row::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);
}
.gv-row:hover{background:var(--paper-tint); padding-inline-start:20px;}
.gv-row:hover::before{transform:scaleY(1);}
.gv-row:focus-visible{outline:2px solid var(--teal); outline-offset:-2px;}
.gv-row-ic{
  width:44px; height:44px; 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, transform .4s cubic-bezier(.16,1,.3,1);
}
.gv-row-ic svg{width:20px; height:20px;}
.gv-row:hover .gv-row-ic{background:var(--teal); color:#fff; transform:scale(1.06);}
.gv-row-text{flex:1; min-width:0;}
.gv-row-text b{
  display:block; font-family:var(--font-head); font-size:15.5px; font-weight:800;
  color:var(--navy); line-height:1.5;
}
.gv-row-text span{
  display:block; margin-top:4px; font-size:13px; line-height:1.7; color:#6d8194; max-width:76ch;
}
.gv-row-go{
  width:34px; height:34px; flex-shrink:0; color:var(--teal);
  display:flex; align-items:center; justify-content:center;
  opacity:0; transform:translateX(8px);
  transition:opacity .25s ease, transform .3s cubic-bezier(.16,1,.3,1);
}
.gv-row-go svg{width:17px; height:17px;}
.gv-row:hover .gv-row-go, .gv-row:focus-visible .gv-row-go{opacity:1; transform:none;}

.gv-empty{
  margin-top:26px; padding:26px; text-align:center;
  background:var(--paper-tint); border:1px dashed var(--line);
  font-size:14px; color:#6d8194;
}
.gv-empty[hidden]{display:none;}

/* ---------- الدعوة ---------- */
.gv-cta{padding:var(--gv-pad) 28px; background:linear-gradient(165deg, #06264A, var(--navy));}
.gv-cta-inner{display:flex; align-items:center; justify-content:space-between; gap:26px; flex-wrap:wrap;}
.gv-cta h2{font-family:var(--font-head); color:#fff; font-size:clamp(19px,2.2vw,27px); font-weight:800; line-height:1.4;}
.gv-cta p{margin-top:9px; font-size:14.5px; line-height:1.8; color:rgba(255,255,255,.7); max-width:60ch;}
.gv-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:14px 30px; border-radius:999px; font-weight:700; font-size:14.5px; color:#fff;
  background:linear-gradient(120deg, var(--teal), var(--teal-soft));
  transition:transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s ease;
}
.gv-btn:hover{transform:translateY(-2px); box-shadow:0 16px 30px -14px rgba(31,120,116,.65);}

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

/* ---------- الاستجابة ---------- */
@media (max-width:760px){
  .gv-cta-inner{flex-direction:column; align-items:flex-start;}
  .gv-btn{width:100%;}
  .gv-row{padding:14px 8px; gap:12px;}
  .gv-row-ic{width:38px; height:38px;}
  .gv-row-ic svg{width:17px; height:17px;}
  .gv-row-text b{font-size:14.5px;}
  .gv-row-text span{font-size:12.5px;}
  /* السهم يبقى ظاهراً: لا حالة مرور على اللمس */
  .gv-row-go{opacity:1; transform:none; width:24px;}
  /* العمود الجانبي يصير سطراً فوق النص */
  .gv-lede-grid{grid-template-columns:1fr; gap:14px;}
  .gv-lede-aside{position:static;}
  .gv-lede-rule{display:none;}
}