/* ==========================================================================
   خلوة باحثي الإمارات العلمية 2026 — page.css
   أنماط الصفحات الداخلية المشتركة (نبذة عامة · المميزات والمخرجات).
   تُحمَّل بعد style.css.
   ========================================================================== */

/* ---------- ترويسة الصفحة ---------- */
.page-hero{position:relative;background:var(--ink);color:#fff;overflow:hidden}
.page-hero-bg{position:absolute;inset:0}
.page-hero-bg img{width:100%;height:100%;object-fit:cover;filter:saturate(1.06) contrast(1.02)}
.page-hero-overlay{
  position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(16,16,16,.70) 0%,rgba(16,16,16,.80) 45%,rgba(16,16,16,.95) 100%),
    linear-gradient(270deg,rgba(16,16,16,.5) 0%,rgba(16,16,16,0) 70%);
}
.page-hero-inner{position:relative;padding:5.5rem 0 3.2rem}
.page-hero h1{color:#fff;font-weight:900;font-size:clamp(1.9rem,4.4vw,3.1rem);line-height:1.22;margin:0;text-wrap:balance}
.page-sub{color:#c9c9c9;font-size:1.08rem;line-height:1.85;margin:1rem 0 0;max-width:66ch;text-wrap:pretty}

.page-breadcrumb{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;font-size:.85rem;color:#9a9a9a;margin-bottom:1.3rem}
.page-breadcrumb a{color:#c9c9c9}
.page-breadcrumb a:hover{color:#fff}
.page-breadcrumb i{font-size:.6rem;opacity:.5}

/* ---------- شريط التنقل الداخلي ---------- */
.page-subnav{position:sticky;top:71px;z-index:20;background:#fff;border-bottom:1px solid var(--line)}
.page-subnav .inner{display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none;padding:.2rem 0}
.page-subnav .inner::-webkit-scrollbar{display:none}
.page-subnav a{
  flex:none;padding:.85rem .95rem;font-size:.9rem;font-weight:700;color:var(--mute);
  border-bottom:2px solid transparent;white-space:nowrap;
}
.page-subnav a:hover{color:var(--ink);border-bottom-color:var(--ink)}

/* المرساة تحتاج إزاحة لأن الشريطين لاصقان */
[id]{scroll-margin-top:130px}

/* ---------- إشعار الاعتماد ---------- */
.accred-note{
  display:flex;align-items:flex-start;gap:1.1rem;margin-top:2.2rem;
  background:var(--green-soft,#eef7f2);border:1px solid rgba(15,123,82,.22);
  border-radius:14px;padding:1.3rem 1.5rem;
}
.accred-note .an-ic{
  flex:none;width:42px;height:42px;border-radius:11px;
  background:var(--green,#0f7b52);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:1.05rem;
}
.accred-note b{display:block;color:var(--ink);font-size:1.02rem;font-weight:800;line-height:1.6}
.accred-note p{margin:.3rem 0 0;font-size:.92rem;color:var(--body);line-height:1.75}

/* ---------- شريط الحقائق ---------- */
.fact-strip{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:1px;background:var(--line);border:1px solid var(--line);
  border-radius:var(--radius);overflow:hidden;margin-top:2.6rem;
}
.fs{background:#fff;padding:1.5rem 1.3rem;display:flex;flex-direction:column;gap:.3rem}
.fsv{font-weight:900;font-size:1.45rem;color:var(--ink);letter-spacing:-.01em;line-height:1.2}
.fsl{font-size:.88rem;color:var(--mute);font-weight:600}

/* ---------- المسوّغات المرقّمة ---------- */
.rationale{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem;margin-top:2.8rem}
.rt{display:flex;gap:1rem;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem}
.rtn{
  flex:none;font-weight:900;font-size:.85rem;color:var(--green);
  border:1px solid var(--line-2);border-radius:8px;padding:.3rem .55rem;letter-spacing:.04em;
}
.rt h4{font-size:1.02rem;font-weight:800;margin:0 0 .4rem;color:var(--ink)}
.rt p{margin:0;font-size:.93rem;color:var(--body);line-height:1.8}

/* ---------- متطلبات الالتحاق ---------- */
.prereq{
  margin-top:2.6rem;background:#fff;border:1px solid var(--line);
  border-inline-start:3px solid var(--green);border-radius:12px;padding:1.5rem 1.7rem;
}
.prereq h4{font-size:1rem;font-weight:800;margin:0 0 .5rem;color:var(--ink);display:flex;align-items:center;gap:.55rem}
.prereq h4 i{color:var(--green);font-size:.92rem}
.prereq p{margin:0;font-size:.95rem;color:var(--body);line-height:1.85}

/* ---------- لوحة مقر الانعقاد ---------- */
.venue-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.8rem;text-align:center}
.venue-panel > img{width:auto;height:74px;max-width:100%;object-fit:contain;margin-bottom:1.6rem}
.vp-rows{display:grid;gap:.85rem;text-align:start}
.vpr{display:flex;align-items:flex-start;gap:.9rem;border-top:1px solid var(--line);padding-top:.85rem}
.vpr:first-child{border-top:0;padding-top:0}
.vpr i{color:var(--green);flex:none;margin-top:.3rem;width:18px;text-align:center}
.vpr b{display:block;font-size:.86rem;color:var(--mute);font-weight:700}
.vpr span{display:block;font-size:.98rem;color:var(--ink);font-weight:600;line-height:1.6}

/* ---------- شبكة الأثر المؤسسي ---------- */
.impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.1rem}
.ic{
  position:relative;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius);padding:1.6rem 1.5rem;display:flex;flex-direction:column;
}
.ic-n{
  font-weight:900;font-size:.8rem;color:var(--green);letter-spacing:.06em;
  margin-bottom:.7rem;display:block;
}
.ic h3{font-size:1.05rem;font-weight:800;color:var(--ink);margin:0 0 .5rem;line-height:1.5}
.ic p{margin:0;font-size:.93rem;color:var(--body);line-height:1.8}
.ic-out{
  margin-top:1rem;padding-top:.9rem;border-top:1px dashed var(--line-2);
  display:flex;align-items:center;gap:.5rem;
  font-size:.86rem;font-weight:700;color:var(--ink);
}
.ic-out i{color:var(--green);font-size:.78rem;flex:none}

/* ---------- شريط الانتقال إلى القسم التالي ---------- */
.next-band{
  display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;
  background:var(--ink);color:#b6b6b6;border-radius:var(--radius);
  padding:clamp(1.8rem,4vw,2.6rem);
}
.next-band h3{color:#fff;font-size:clamp(1.25rem,2.6vw,1.65rem);font-weight:900;margin:.7rem 0 0}
.next-band p{margin:.6rem 0 0;max-width:60ch;font-size:.98rem;line-height:1.8}
.next-band .btn{flex:none}

@media(max-width:767.98px){
  .page-hero-inner{padding:4.5rem 0 2.6rem}
  .next-band{flex-direction:column;align-items:flex-start}
  .next-band .btn{width:100%}
}