/* =========================================================
   AN-NIKMAH VISUAL REFRESH — CSS ONLY
   No copy, paragraph, translation, or data is changed here.
   ========================================================= */
:root{
  --vr-navy:#08264a;
  --vr-blue:#123f77;
  --vr-blue-2:#1f5b96;
  --vr-gold:#d8a62f;
  --vr-gold-soft:#f5e8bf;
  --vr-ink:#14233a;
  --vr-muted:#66758c;
  --vr-bg:#f5f7fb;
  --vr-paper:#ffffff;
  --vr-line:rgba(8,38,74,.105);
  --vr-line-dark:rgba(255,255,255,.14);
  --vr-shadow:0 26px 70px rgba(8,38,74,.12);
  --vr-shadow-soft:0 12px 36px rgba(8,38,74,.075);
  --vr-radius:26px;
  --vr-radius-sm:16px;
}

html{scroll-padding-top:105px}
body{
  background:var(--vr-paper) !important;
  color:var(--vr-ink) !important;
  font-feature-settings:"kern" 1,"liga" 1;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:1240px !important;padding-left:30px !important;padding-right:30px !important}
.section,.ux-page-section{padding:110px 0 !important}
.section-head{margin-bottom:48px !important;max-width:900px}
.section-head h2{
  color:var(--vr-navy) !important;
  font-size:clamp(2.15rem,3.8vw,3.35rem) !important;
  line-height:1.08 !important;
  letter-spacing:-.038em !important;
  font-weight:600 !important;
}
.section-head p{color:var(--vr-muted) !important;font-size:1.01rem !important;line-height:1.85 !important;max-width:720px !important}
.eyebrow{
  color:var(--vr-gold) !important;
  font-size:.69rem !important;
  letter-spacing:.14em !important;
  font-weight:700 !important;
}
.link-arrow{color:var(--vr-blue) !important;font-weight:700 !important;transition:.2s ease}
.link-arrow:hover{color:var(--vr-gold) !important}

/* ---------- topbar + navigation ---------- */
.site-topbar{
  background:#061c36 !important;
  min-height:36px;
  display:flex;
  align-items:center;
  font-size:.73rem !important;
  letter-spacing:.015em;
}
.site-topbar .wrap{min-height:36px !important}
.topbar-left,.topbar-right a{color:rgba(255,255,255,.75) !important}
.topbar-right{gap:22px !important}
.topbar-right a:hover{color:#fff !important}
.site-header{
  background:rgba(255,255,255,.965) !important;
  border-bottom:1px solid var(--vr-line) !important;
  box-shadow:0 5px 22px rgba(8,38,74,.045) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}
.site-header.scrolled{box-shadow:0 12px 38px rgba(8,38,74,.105) !important}
.navbar-wrap{min-height:78px !important}
.site-header.scrolled .navbar-wrap{min-height:68px !important}
.brand{gap:13px !important}
.brand-mark{
  width:50px !important;height:50px !important;
  border:2px solid rgba(216,166,47,.48) !important;
  box-shadow:0 6px 16px rgba(8,38,74,.10);
}
.site-header.scrolled .brand-mark{width:42px !important;height:42px !important}
.brand-title{color:var(--vr-navy) !important;font-size:.98rem !important;letter-spacing:-.01em}
.brand-sub{font-size:.61rem !important;color:#7c8aa0 !important;letter-spacing:.10em !important}
.nav-desktop{gap:0 !important}
.nav-group>a,.nav-group>button{
  color:#253550 !important;
  font-size:.81rem !important;
  font-weight:600 !important;
  padding:13px 9px 15px !important;
}
.nav-group>a:after,.nav-group>button:after{background:var(--vr-gold) !important;bottom:7px !important}
.dropdown-panel{
  border:1px solid var(--vr-line) !important;
  border-radius:16px !important;
  box-shadow:0 24px 60px rgba(8,38,74,.15) !important;
  padding:10px !important;
}
.dropdown-panel a{font-size:.82rem !important;border-radius:10px !important}
.dropdown-panel a:hover{background:var(--vr-bg) !important;color:var(--vr-blue) !important}
.dot{background:var(--vr-gold) !important}
.lang-icon-btn{
  width:42px !important;height:42px !important;
  border:1px solid var(--vr-line) !important;
  background:#fff !important;color:var(--vr-navy) !important;
}
.lang-menu{border:1px solid var(--vr-line) !important;border-radius:16px !important;box-shadow:0 22px 50px rgba(8,38,74,.16) !important}
.lang-option{border-radius:10px !important}
.lang-option:hover,.lang-option.active{background:var(--vr-bg) !important;color:var(--vr-blue) !important}

/* ---------- hero ---------- */
.hero{
  min-height:720px !important;
  color:#fff;
  overflow:hidden;
  position:relative;
}
.hero:before{
  content:"";
  position:absolute;
  width:570px;height:570px;
  right:-235px;bottom:-290px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:50%;
  box-shadow:0 0 0 70px rgba(255,255,255,.026),0 0 0 140px rgba(255,255,255,.017);
  z-index:2;pointer-events:none;
}
.hero-slide:before{
  background:linear-gradient(90deg,rgba(5,24,48,.94) 0%,rgba(8,38,74,.82) 43%,rgba(8,38,74,.36) 77%,rgba(8,38,74,.12) 100%) !important;
}
.hero-slide:after{opacity:.18 !important}
.hero .wrap{min-height:720px !important;padding:132px 30px 154px !important}
.hero-panel{
  max-width:790px !important;
  border-left:3px solid var(--vr-gold);
  padding-left:34px;
}
[dir="rtl"] .hero-panel{border-left:none;border-right:3px solid var(--vr-gold);padding-left:0;padding-right:34px}
.hero h1{
  font-size:clamp(2.8rem,5.5vw,5.05rem) !important;
  line-height:1.015 !important;
  letter-spacing:-.047em !important;
  font-weight:600 !important;
  max-width:820px;
  text-shadow:0 12px 36px rgba(0,0,0,.21);
}
.hero p{font-size:1.09rem !important;line-height:1.82 !important;max-width:650px !important;color:rgba(255,255,255,.82) !important}
.hero-actions{margin-top:34px !important;gap:12px !important}
.btn{
  border-radius:999px !important;
  min-height:48px;
  padding:13px 24px !important;
  font-size:.84rem !important;
  font-weight:700 !important;
  letter-spacing:.01em;
}
.btn-primary{background:var(--vr-gold) !important;color:#201700 !important;border-color:var(--vr-gold) !important;box-shadow:0 10px 30px rgba(216,166,47,.25)}
.btn-primary:hover{background:#e4b33d !important;transform:translateY(-2px) !important;box-shadow:0 14px 34px rgba(216,166,47,.32) !important}
.btn-outline{border-color:rgba(255,255,255,.55) !important;background:rgba(255,255,255,.04) !important}
.btn-outline:hover{background:#fff !important;color:var(--vr-navy) !important}
.btn-soft{border:1px solid var(--vr-line) !important;color:var(--vr-blue) !important;background:#fff !important}
.btn-soft:hover{background:var(--vr-navy) !important;color:#fff !important}
.hero-dots button{width:8px !important;height:8px !important}
.hero-dots button.active{background:var(--vr-gold) !important;transform:scale(1.35) !important}

/* ---------- statistics ---------- */
.stat-strip{margin-top:-64px !important;position:relative;z-index:6}
.stat-grid{
  background:#fff !important;
  border:1px solid rgba(8,38,74,.08) !important;
  border-radius:20px !important;
  box-shadow:0 28px 70px rgba(8,38,74,.12) !important;
  padding:0 !important;
  gap:0 !important;
  overflow:hidden;
}
.stat-card{padding:30px 34px !important;position:relative}
.stat-card+ .stat-card:before{content:"";position:absolute;left:0;top:24px;bottom:24px;width:1px;background:var(--vr-line)}
[dir="rtl"] .stat-card+ .stat-card:before{left:auto;right:0}
.stat-card b{color:var(--vr-navy) !important;font-size:2.2rem !important;font-weight:600 !important}
.stat-card span{color:#7b899e !important;font-size:.65rem !important;letter-spacing:.10em !important}

/* ---------- homepage about ---------- */
.section:has(.ed-about){padding-top:122px !important}
.ed-about{
  background:transparent !important;
  border-radius:0 !important;
  overflow:visible !important;
  grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr) !important;
  gap:0 !important;
  min-height:610px !important;
  align-items:center !important;
}
.ed-about-media{
  min-height:610px !important;
  border-radius:var(--vr-radius) !important;
  overflow:hidden;
  box-shadow:var(--vr-shadow-soft);
}
.ed-about-media img{transition:transform .6s ease}
.ed-about:hover .ed-about-media img{transform:scale(1.018)}
.ed-about-media:after{background:linear-gradient(180deg,transparent 52%,rgba(5,24,48,.76)) !important}
.ed-about-stamp{left:34px !important;bottom:32px !important}
.ed-about-stamp b{font-size:3.5rem !important;font-weight:600 !important}
.ed-about-copy{
  margin-left:-72px;
  z-index:3;
  background:#fff;
  border:1px solid var(--vr-line);
  border-radius:24px;
  padding:52px 48px !important;
  box-shadow:var(--vr-shadow);
  position:relative;
}
[dir="rtl"] .ed-about-copy{margin-left:0;margin-right:-72px}
.ed-about-copy:before{
  content:"";
  position:absolute;top:0;left:48px;width:66px;height:3px;
  background:var(--vr-gold);border-radius:999px;
}
[dir="rtl"] .ed-about-copy:before{left:auto;right:48px}
.ed-about-copy h2{color:var(--vr-navy) !important;font-size:clamp(2rem,3.25vw,3rem) !important;line-height:1.12 !important;letter-spacing:-.035em !important}
.ed-about-copy>p{color:var(--vr-muted) !important;line-height:1.9 !important}
.ed-mini-facts{border-color:var(--vr-line) !important}
.ed-mini-fact+ .ed-mini-fact{border-color:var(--vr-line) !important}
.ed-mini-fact b{color:var(--vr-gold) !important}
.ed-mini-fact p{color:var(--vr-muted) !important}

/* ---------- program rows ---------- */
.section:has(.ed-programs){background:linear-gradient(180deg,#fff 0%,#f8fafc 100%) !important}
.ed-programs{border-top:1px solid var(--vr-line) !important}
.ed-program{
  grid-template-columns:115px minmax(0,1.35fr) minmax(190px,.65fr) !important;
  gap:34px !important;
  padding:38px 26px !important;
  border-bottom:1px solid var(--vr-line) !important;
  border-radius:0 !important;
  transition:background .25s ease,transform .25s ease !important;
}
.ed-program:hover{padding-left:26px !important;background:#fff !important;transform:translateX(8px);box-shadow:inset 3px 0 0 var(--vr-gold)}
[dir="rtl"] .ed-program:hover{transform:translateX(-8px);box-shadow:inset -3px 0 0 var(--vr-gold)}
.ed-program-no{font-size:4rem !important;color:#e3e9f0 !important;font-weight:600 !important;letter-spacing:-.06em}
.ed-program h3{color:var(--vr-navy) !important;font-size:1.45rem !important;letter-spacing:-.02em}
.ed-program p{color:var(--vr-muted) !important;line-height:1.8 !important;font-size:.94rem}
.ed-program-link{text-align:right !important}
[dir="rtl"] .ed-program-link{text-align:left !important}

/* ---------- news / research / media hub ---------- */
#latest-updates{background:#fff !important}
.ux-tab-shell{padding:0 !important}
.ux-tab-shell .tab-nav{border-bottom:1px solid var(--vr-line) !important;margin-bottom:34px !important}
.ux-tab-shell .tab-btn{color:#718096 !important;font-size:.82rem !important;font-weight:700 !important;letter-spacing:.015em;padding:13px 18px !important}
.ux-tab-shell .tab-btn.active{color:var(--vr-navy) !important}
.ux-tab-shell .tab-btn.active:after{background:var(--vr-gold) !important;height:3px !important}
.ed-hub{grid-template-columns:minmax(0,1.5fr) minmax(300px,.5fr) !important;gap:34px !important}
.ed-feature-story{
  min-height:560px !important;
  border-radius:26px !important;
  box-shadow:var(--vr-shadow-soft);
}
.ed-feature-story:after{background:linear-gradient(180deg,rgba(8,38,74,.02) 20%,rgba(5,24,48,.94) 100%) !important}
.ed-feature-copy{padding:40px 42px !important}
.ed-feature-copy h3{font-size:clamp(1.8rem,3.1vw,2.6rem) !important;letter-spacing:-.025em !important}
.ed-feature-copy p{line-height:1.75 !important}
.ed-side-stack{gap:0 !important;border-top:1px solid var(--vr-line)}
.ed-side-story{
  grid-template-columns:112px 1fr !important;
  gap:18px !important;
  padding:20px 0 !important;
  border-bottom:1px solid var(--vr-line) !important;
  transition:transform .2s ease;
}
.ed-side-story:hover{transform:translateX(5px)}
[dir="rtl"] .ed-side-story:hover{transform:translateX(-5px)}
.ed-side-story img{width:112px !important;height:88px !important;border-radius:12px !important}
.ed-side-story h4{color:var(--vr-navy) !important;font-size:.96rem !important}
.ed-side-story p{color:var(--vr-muted) !important}
.story-tag{color:var(--vr-gold) !important;font-size:.65rem !important;letter-spacing:.08em}

/* ---------- dark impact section ---------- */
.ed-impact{
  background:linear-gradient(125deg,#061f3d 0%,#0b315e 65%,#103f75 100%) !important;
  padding:118px 0 !important;
}
.ed-impact:before{
  background:
    radial-gradient(circle at 88% 12%,rgba(255,255,255,.12),transparent 30%),
    radial-gradient(circle at 8% 92%,rgba(216,166,47,.08),transparent 35%) !important;
}
.ed-impact-grid{grid-template-columns:.78fr 1.22fr !important;gap:72px !important}
.ed-impact-quote{border-left-color:var(--vr-gold) !important;padding-left:34px !important}
[dir="rtl"] .ed-impact-quote{border-left:0 !important;border-right:3px solid var(--vr-gold);padding-left:0 !important;padding-right:34px}
.ed-impact-quote h2{font-size:clamp(2.2rem,3.8vw,3.45rem) !important;letter-spacing:-.035em !important}
.ed-impact-quote p{line-height:1.85 !important}
.ed-impact-media img{border-radius:26px !important;box-shadow:0 24px 60px rgba(0,0,0,.22)}
.ed-impact-points{gap:18px 24px !important}
.ed-impact-point{border-top-color:rgba(255,255,255,.16) !important}
.ed-impact-point b{color:var(--vr-gold) !important}

/* ---------- agenda ---------- */
#agenda{background:var(--vr-bg) !important}
.agenda-list{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:0 !important;
  padding:0 !important;
  border:1px solid var(--vr-line) !important;
  border-radius:22px !important;
  overflow:hidden;
  background:#fff !important;
  box-shadow:var(--vr-shadow-soft) !important;
}
.agenda-row{
  display:block !important;
  min-height:240px;
  padding:30px !important;
  border-bottom:0 !important;
  border-right:1px solid var(--vr-line) !important;
}
.agenda-row:last-child{border-right:0 !important}
[dir="rtl"] .agenda-row{border-right:0 !important;border-left:1px solid var(--vr-line) !important}
[dir="rtl"] .agenda-row:last-child{border-left:0 !important}
.agenda-date{
  width:60px !important;height:60px !important;
  border-radius:15px !important;
  background:var(--vr-navy) !important;
  margin-bottom:26px;
  font-size:.72rem !important;
}
.agenda-copy h3{font-size:1.08rem !important;color:var(--vr-navy) !important;line-height:1.4 !important}
.agenda-copy p{color:var(--vr-muted) !important;line-height:1.72 !important}

/* ---------- leadership preview ---------- */
.ed-leadership{grid-template-columns:1.12fr .88fr !important;gap:42px !important}
.ed-lead-main{min-height:580px !important;border-radius:26px !important;box-shadow:var(--vr-shadow-soft)}
.ed-lead-main:after{background:linear-gradient(180deg,transparent 48%,rgba(5,24,48,.92)) !important}
.ed-lead-main-copy{left:32px !important;right:32px !important;bottom:30px !important}
.ed-lead-main-copy h3{font-size:1.45rem !important}
.ed-lead-list{border-top:1px solid var(--vr-line) !important}
.ed-lead-row{grid-template-columns:86px 1fr !important;padding:20px 4px !important;border-bottom:1px solid var(--vr-line) !important;transition:background .2s ease,padding .2s ease}
.ed-lead-row:hover{background:var(--vr-bg);padding-left:12px !important;padding-right:12px !important}
.ed-lead-row img{width:86px !important;height:86px !important;border-radius:14px !important}
.ed-lead-row h4{color:var(--vr-navy) !important}
.ed-lead-row p{color:var(--vr-muted) !important}

/* ---------- partner rail ---------- */
.ed-logo-rail{
  border:1px solid var(--vr-line) !important;
  border-radius:20px !important;
  overflow-x:auto !important;
  box-shadow:0 8px 30px rgba(8,38,74,.035);
}
.ed-logo{min-width:200px !important;height:138px !important;border-right:1px solid var(--vr-line) !important;transition:background .2s ease}
.ed-logo:hover{background:var(--vr-bg)}
.ed-logo img{max-height:72px !important;filter:saturate(.92) contrast(.98)}

/* ---------- donation ---------- */
.ux-donation{padding:76px 0 !important;background:linear-gradient(105deg,#f6f9fc 0%,#eef3f8 100%) !important}
.ux-donation-card{
  border:0 !important;
  border-radius:24px !important;
  background:linear-gradient(125deg,var(--vr-navy),var(--vr-blue)) !important;
  padding:42px 46px !important;
  box-shadow:0 24px 60px rgba(8,38,74,.15) !important;
  position:relative;overflow:hidden;
}
.ux-donation-card:after{content:"";position:absolute;width:270px;height:270px;border-radius:50%;right:-120px;top:-150px;border:1px solid rgba(255,255,255,.10);box-shadow:0 0 0 45px rgba(255,255,255,.026),0 0 0 90px rgba(255,255,255,.016)}
.ux-donation-card>div,.ux-donation-card>a{position:relative;z-index:2}
.ux-donation-card h2{color:#fff !important;font-size:1.8rem !important}
.ux-donation-card p{color:rgba(255,255,255,.75) !important;line-height:1.75 !important}

/* ---------- contact ---------- */
.ux-contact{padding:112px 0 !important;background:#fff !important}
.ux-contact-grid{grid-template-columns:.85fr 1.15fr !important;gap:52px !important}
.ux-contact-info{border-top:1px solid var(--vr-line) !important}
.ux-contact-row{grid-template-columns:50px 1fr !important;padding:22px 0 !important;border-bottom:1px solid var(--vr-line) !important}
.ux-contact-row i{width:44px !important;height:44px !important;border-radius:14px !important;background:var(--vr-bg) !important;color:var(--vr-blue) !important}
.ux-contact-row h4{color:var(--vr-navy) !important}
.ux-contact-row p{color:var(--vr-muted) !important;word-break:break-word}
.map-card{border:1px solid var(--vr-line) !important;border-radius:20px !important;overflow:hidden;box-shadow:var(--vr-shadow-soft) !important;background:#fff}
.map-card iframe{height:300px !important;border-radius:0 !important}
.ux-contact-form{
  border:1px solid var(--vr-line) !important;
  border-radius:24px !important;
  padding:34px !important;
  box-shadow:var(--vr-shadow-soft) !important;
}
.ux-contact-form h3{font-size:1.35rem !important;color:var(--vr-navy) !important}
.form-group label{font-size:.82rem !important;color:var(--vr-ink) !important;font-weight:600 !important}
.form-group input,.form-group textarea{
  border:1px solid #d9e1eb !important;
  border-radius:12px !important;
  background:#fbfcfe !important;
  padding:14px 15px !important;
}
.form-group input:focus,.form-group textarea:focus{outline:none;border-color:rgba(18,63,119,.55) !important;box-shadow:0 0 0 4px rgba(18,63,119,.07)}

/* ---------- page heroes ---------- */
.ux-page-hero,.public-page-hero{
  background:
    linear-gradient(90deg,rgba(5,24,48,.92),rgba(8,38,74,.74)),
    url('../images/building.webp') center 42%/cover no-repeat !important;
  min-height:360px;
  display:flex;align-items:flex-end;
}
.ux-page-hero:after,.public-page-hero:before{opacity:.10 !important}
.ux-page-hero .wrap,.public-page-hero .wrap{padding:104px 30px 72px !important}
.ux-page-hero h1,.public-page-hero h1{font-size:clamp(2.5rem,4.7vw,4rem) !important;letter-spacing:-.045em !important;font-weight:600 !important}
.ux-page-hero p,.public-page-hero p{font-size:1rem !important;line-height:1.8 !important;max-width:760px !important;color:rgba(255,255,255,.78) !important}
.breadcrumb{color:rgba(255,255,255,.68) !important;font-size:.75rem !important}

/* ---------- ABOUT page ---------- */
.ed-history-intro{grid-template-columns:.78fr 1.22fr !important;gap:70px !important}
.ed-history-image{top:118px !important}
.ed-history-image img{border-radius:26px !important;box-shadow:var(--vr-shadow-soft);aspect-ratio:4/5.2 !important}
.ed-history-copy p,.ed-history-body{color:#52627a !important;line-height:2 !important;font-size:1rem !important}
.ed-history-copy p:first-of-type::first-letter{font-size:3.25rem;line-height:.8;float:left;margin:10px 10px 0 0;color:var(--vr-gold);font-weight:600}
[dir="rtl"] .ed-history-copy p:first-of-type::first-letter{float:right;margin:10px 0 0 10px}
.ed-vm-split{grid-template-columns:.68fr 1.32fr !important;gap:58px !important}
.ed-vision{
  background:linear-gradient(145deg,var(--vr-navy),var(--vr-blue)) !important;
  border-radius:22px !important;
  padding:38px !important;
  box-shadow:var(--vr-shadow-soft);
}
.ed-vision h3{font-size:1.3rem !important}
.ed-vision p{line-height:1.85 !important}
.ed-mission .ux-mission-item{grid-template-columns:60px 1fr !important;padding:24px 0 !important;border-top:1px solid var(--vr-line) !important}
.ed-mission .ux-mission-num:after{color:var(--vr-gold) !important}
.ed-timeline{gap:26px !important;padding-top:34px !important}
.ed-timeline:before{background:var(--vr-line) !important}
.ed-time:before{background:var(--vr-gold) !important;box-shadow:0 0 0 5px #fff,0 0 0 6px rgba(216,166,47,.25) !important}
.ed-time img{border-radius:16px !important;box-shadow:var(--vr-shadow-soft)}
.ed-time b{color:var(--vr-navy) !important}
.ed-time p{color:var(--vr-muted) !important}

/* ---------- PROGRAMS page ---------- */
.ed-program-page{gap:100px !important}
.ed-program-section{grid-template-columns:1.05fr .95fr !important;gap:64px !important;align-items:center !important}
.ed-program-visual img{border-radius:26px !important;box-shadow:var(--vr-shadow-soft);aspect-ratio:4/3.2 !important}
.ed-program-index{right:24px !important;bottom:-20px !important;font-size:6rem !important;color:#fff !important;text-shadow:0 12px 32px rgba(8,38,74,.28) !important}
.ed-program-content h2{color:var(--vr-navy) !important;font-size:clamp(2rem,3vw,2.75rem) !important;letter-spacing:-.035em !important}
.ed-program-content>p{color:var(--vr-muted) !important;line-height:1.9 !important}
.ed-subject-box{border-top:1px solid var(--vr-line) !important;margin-top:30px !important;padding-top:24px !important}
.ed-subject-box h3{color:var(--vr-gold) !important;letter-spacing:.12em !important}
.ed-subject-box p{color:#56667e !important;line-height:1.85 !important}

/* ---------- LEADERSHIP page ---------- */
.ed-board-feature{grid-template-columns:1.2fr .8fr !important;gap:36px !important}
.ed-board-feature .ed-lead-main{min-height:660px !important}
.ed-board-secondary{gap:18px !important}
.ed-board-secondary .ux-person{border:1px solid var(--vr-line) !important;border-radius:18px !important;overflow:hidden;box-shadow:none !important}
.ux-person img{background:var(--vr-bg) !important}
.ux-person-copy{padding:19px !important}
.ux-person-copy h3{color:var(--vr-navy) !important}
.ux-person-copy p{color:var(--vr-muted) !important}
.ed-exec-list{gap:0 42px !important;border-top:1px solid var(--vr-line) !important}
.ed-exec{grid-template-columns:76px 1fr !important;gap:18px !important;padding:20px 0 !important;border-bottom:1px solid var(--vr-line) !important}
.ed-exec img{width:76px !important;height:76px !important;border-radius:14px !important;background:var(--vr-bg) !important}
.ed-exec h3{color:var(--vr-navy) !important;font-size:.93rem !important}
.ed-exec p{color:var(--vr-muted) !important;font-size:.8rem !important}

/* ---------- PARTNERSHIP page ---------- */
.ed-country{margin-top:70px !important}
.ed-country-head{border-bottom:1px solid var(--vr-line) !important;padding-bottom:17px !important;margin-bottom:24px !important}
.ed-country-head h2{color:var(--vr-navy) !important;font-size:1.7rem !important;letter-spacing:-.02em}
.ed-country-head span{color:#8793a6 !important}
.ed-partner-grid{
  grid-template-columns:repeat(4,1fr) !important;
  border:0 !important;
  gap:14px !important;
}
.ed-partner{
  min-height:190px !important;
  padding:25px 20px !important;
  border:1px solid var(--vr-line) !important;
  border-radius:16px !important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.ed-partner:hover{transform:translateY(-4px);box-shadow:var(--vr-shadow-soft);border-color:rgba(216,166,47,.38) !important}
.ed-partner img{height:72px !important;max-width:140px !important;margin-bottom:18px !important}
.ed-partner p{color:var(--vr-muted) !important;line-height:1.55 !important;font-size:.79rem !important}

/* ---------- NEWS / RESEARCH listings ---------- */
.listing-shell{padding:70px 0 110px !important;background:var(--vr-bg) !important}
.listing-meta{margin-bottom:32px !important}
.listing-meta h2{color:var(--vr-navy) !important;letter-spacing:-.025em}
.listing-meta p{color:var(--vr-muted) !important}
.public-news-list,.public-research-list{gap:24px !important}
.public-news-card,.public-research-card{
  border:1px solid var(--vr-line) !important;
  border-radius:20px !important;
  box-shadow:0 8px 26px rgba(8,38,74,.045) !important;
  overflow:hidden;
  transition:transform .25s ease,box-shadow .25s ease !important;
}
.public-news-card:hover,.public-research-card:hover{transform:translateY(-4px);box-shadow:var(--vr-shadow-soft) !important}
.public-news-card:first-child,.public-research-card:first-child{min-height:430px !important;border-radius:24px !important;box-shadow:var(--vr-shadow-soft) !important}
.public-news-card:first-child .public-news-thumb,.public-research-card:first-child .public-research-thumb{min-height:430px !important}
.public-news-card:first-child .public-news-body,.public-research-card:first-child .public-research-body{padding:42px !important}
.public-news-card:first-child h4,.public-research-card:first-child h4{font-size:1.85rem !important;line-height:1.35 !important}
.public-news-body,.public-research-body{padding:24px !important}
.public-news-body h4,.public-research-body h4{color:var(--vr-navy) !important;line-height:1.45 !important}
.public-news-date,.public-research-date{color:#8a96a8 !important;font-size:.76rem !important}
.public-research-author,.detail-author{color:var(--vr-muted) !important;font-size:.82rem !important}
.public-research-author i,.detail-author i{color:var(--vr-gold) !important}
.public-news-body p,.public-research-body p{color:var(--vr-muted) !important;line-height:1.75 !important}
.public-news-link,.public-research-link{color:var(--vr-blue) !important;font-weight:700 !important}
.public-news-link:hover,.public-research-link:hover{color:var(--vr-gold) !important}

/* ---------- ARTICLE / RESEARCH detail ---------- */
.article-page{background:var(--vr-bg) !important;padding-bottom:110px !important}
.article-hero{min-height:540px !important}
.article-hero:after{background:linear-gradient(180deg,rgba(5,24,48,.08),rgba(5,24,48,.90)) !important}
.article-hero .wrap{padding:200px 30px 86px !important}
.article-hero h1{font-size:clamp(2.3rem,4.5vw,4rem) !important;letter-spacing:-.042em !important;max-width:980px !important}
.article-shell{grid-template-columns:minmax(0,1fr) 280px !important;gap:30px !important;margin-top:-52px !important}
.article-panel,.share-panel,.extra-gallery{
  border:1px solid var(--vr-line) !important;
  border-radius:22px !important;
  box-shadow:var(--vr-shadow-soft) !important;
}
.article-panel{padding:42px !important}
.article-content{color:#3a4b62 !important;font-size:1.02rem !important;line-height:1.95 !important}
.article-content p{margin-bottom:1.35em}
.article-content img{border-radius:16px !important;box-shadow:var(--vr-shadow-soft)}
.share-panel{padding:24px !important;top:116px !important}
.share-panel h4{color:var(--vr-navy) !important}
.back-link{color:var(--vr-blue) !important}
.extra-gallery{padding:24px !important}
.extra-gallery-grid img{border-radius:14px !important}

/* ---------- footer ---------- */
.site-footer{
  background:#061d39 !important;
  border-top:0 !important;
  color:#fff !important;
  padding:78px 0 28px !important;
  position:relative;overflow:hidden;
}
.site-footer:after{
  content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-230px;top:-240px;
  border:1px solid rgba(255,255,255,.065);box-shadow:0 0 0 60px rgba(255,255,255,.018),0 0 0 120px rgba(255,255,255,.011)
}
.footer-grid{position:relative;z-index:2;gap:42px !important}
.site-footer .brand-title,.site-footer h4{color:#fff !important}
.footer-brand p,.footer-grid a{color:rgba(255,255,255,.65) !important}
.footer-grid a:hover{color:var(--vr-gold) !important}
.socials a{border-color:rgba(255,255,255,.16) !important;color:#fff !important;background:rgba(255,255,255,.035)}
.socials a:hover{background:var(--vr-gold) !important;color:#1d1400 !important}
.footer-bottom{position:relative;z-index:2;border-top-color:rgba(255,255,255,.11) !important;color:rgba(255,255,255,.48) !important}

/* ---------- donation page ---------- */
body:has(.donation-container){
  background:
    radial-gradient(circle at 18% 10%,rgba(216,166,47,.10),transparent 28%),
    linear-gradient(145deg,#f7f9fc,#edf2f7) !important;
}
body:has(.donation-container) .donation-container{max-width:680px !important}
body:has(.donation-container) .header-section img{width:90px !important;height:90px !important;border-color:var(--vr-gold) !important;box-shadow:var(--vr-shadow-soft) !important}
body:has(.donation-container) .header-section h1{color:var(--vr-navy) !important;font-size:1.55rem !important}
body:has(.donation-container) .header-section p{color:var(--vr-muted) !important}
body:has(.donation-container) .qris-card{border:1px solid var(--vr-line) !important;border-top:0 !important;border-radius:24px !important;box-shadow:var(--vr-shadow) !important;padding:40px !important}
body:has(.donation-container) .qris-card .subtitle{color:var(--vr-gold) !important}
body:has(.donation-container) .qris-image-wrapper{background:var(--vr-bg) !important;border:1px solid var(--vr-line) !important;border-radius:18px !important;padding:18px !important}
body:has(.donation-container) .btn-confirm{background:var(--vr-navy) !important;border-radius:999px !important}
body:has(.donation-container) .btn-confirm:hover{background:var(--vr-blue) !important}

/* ---------- admin pages ---------- */
.admin-auth-page{
  background:
    radial-gradient(circle at 18% 12%,rgba(216,166,47,.10),transparent 30%),
    linear-gradient(145deg,#f6f8fb,#eaf0f6) !important;
}
.admin-auth-card{border:1px solid var(--vr-line) !important;border-radius:24px !important;box-shadow:var(--vr-shadow) !important}
.admin-auth-brand h1{color:var(--vr-navy) !important}
.admin-auth-submit{background:var(--vr-navy) !important;border-radius:999px !important}
.admin-dashboard-card{border:1px solid var(--vr-line) !important;border-radius:15px !important;box-shadow:none !important}

/* ---------- responsive ---------- */
@media(max-width:1120px){
  .nav-group>a,.nav-group>button{font-size:.75rem !important;padding-left:7px !important;padding-right:7px !important}
  .ed-partner-grid{grid-template-columns:repeat(3,1fr) !important}
  .agenda-list{grid-template-columns:1fr 1fr !important}
  .agenda-row:nth-child(2){border-right:0 !important}
  .agenda-row:last-child{grid-column:1/-1;border-top:1px solid var(--vr-line) !important}
}
@media(max-width:1000px){
  .ed-about{grid-template-columns:1fr !important;gap:0 !important}
  .ed-about-media{min-height:520px !important}
  .ed-about-copy,[dir="rtl"] .ed-about-copy{margin:-70px 34px 0 !important}
  .ed-impact-grid,.ed-leadership,.ed-history-intro,.ed-vm-split,.ed-program-section,.ed-board-feature{grid-template-columns:1fr !important}
  .ed-history-image{position:static !important}
  .ed-program-section:nth-child(even) .ed-program-visual{order:0 !important}
  .ed-board-feature .ed-lead-main{min-height:560px !important}
  .article-shell{grid-template-columns:1fr !important}
  .share-panel{position:static !important}
}
@media(max-width:820px){
  .wrap{padding-left:20px !important;padding-right:20px !important}
  .hero .wrap{padding-left:20px !important;padding-right:20px !important}
  .hero-panel{padding-left:24px}
  [dir="rtl"] .hero-panel{padding-right:24px}
  .stat-grid{grid-template-columns:repeat(2,1fr) !important}
  .stat-card:nth-child(3):before{display:none}
  .stat-card:nth-child(n+3){border-top:1px solid var(--vr-line)}
  .ed-program{grid-template-columns:74px 1fr !important;gap:20px !important;padding:30px 14px !important}
  .ed-program-link{grid-column:2;text-align:left !important}
  [dir="rtl"] .ed-program-link{text-align:right !important}
  .ed-program:hover{transform:none}
  .agenda-list{grid-template-columns:1fr !important}
  .agenda-row{min-height:auto;border-right:0 !important;border-left:0 !important;border-bottom:1px solid var(--vr-line) !important}
  .agenda-row:last-child{grid-column:auto;border-top:0 !important;border-bottom:0 !important}
  .ed-partner-grid{grid-template-columns:repeat(2,1fr) !important}
  .ux-contact-grid{grid-template-columns:1fr !important}
  .public-news-card:first-child,.public-research-card:first-child{grid-template-columns:1fr !important}
  .public-news-card:first-child .public-news-thumb,.public-research-card:first-child .public-research-thumb{min-height:280px !important}
  .article-hero .wrap{padding-left:20px !important;padding-right:20px !important}
  .article-panel{padding:28px !important}
}
@media(max-width:700px){
  .section,.ux-page-section{padding:78px 0 !important}
  .site-topbar{display:none !important}
  .navbar-wrap{min-height:72px !important}
  .brand-mark{width:42px !important;height:42px !important}
  .brand-title{font-size:.82rem !important;max-width:230px}
  .brand-sub{display:none !important}
  .hero{min-height:650px !important}
  .hero .wrap{min-height:650px !important;padding-top:100px !important;padding-bottom:120px !important}
  .hero h1{font-size:clamp(2.2rem,10.5vw,3.55rem) !important}
  .hero p{font-size:.98rem !important}
  .stat-strip{margin-top:-42px !important}
  .stat-card{padding:24px !important}
  .ed-about-media{min-height:430px !important}
  .ed-about-copy,[dir="rtl"] .ed-about-copy{margin:-54px 16px 0 !important;padding:34px 28px !important}
  .ed-mini-facts{grid-template-columns:1fr !important}
  .ed-mini-fact+ .ed-mini-fact{border-left:0 !important;padding-left:0 !important}
  [dir="rtl"] .ed-mini-fact+ .ed-mini-fact{border-right:0 !important;padding-right:0 !important}
  .ed-hub{grid-template-columns:1fr !important}
  .ed-feature-story{min-height:460px !important}
  .ed-feature-copy{padding:28px !important}
  .ed-lead-main{min-height:500px !important}
  .ed-program-page{gap:72px !important}
  .ed-program-section{gap:30px !important}
  .ed-exec-list{grid-template-columns:1fr !important}
  .ux-page-hero,.public-page-hero{min-height:300px !important}
  .ux-page-hero .wrap,.public-page-hero .wrap{padding:86px 20px 56px !important}
  .site-footer{padding-top:60px !important}
}
@media(max-width:480px){
  .wrap{padding-left:15px !important;padding-right:15px !important}
  .brand-title{font-size:.72rem !important;max-width:190px}
  .hero-panel{border-left-width:2px;padding-left:18px}
  [dir="rtl"] .hero-panel{border-right-width:2px;padding-right:18px}
  .stat-grid{grid-template-columns:1fr !important}
  .stat-card+ .stat-card:before{display:none}
  .stat-card:nth-child(n+2){border-top:1px solid var(--vr-line)}
  .ed-about-copy,[dir="rtl"] .ed-about-copy{margin:-38px 8px 0 !important;padding:28px 22px !important}
  .ed-program{grid-template-columns:55px 1fr !important}
  .ed-program-no{font-size:2.6rem !important}
  .ed-side-story{grid-template-columns:92px 1fr !important}
  .ed-side-story img{width:92px !important;height:76px !important}
  .ed-partner-grid{grid-template-columns:1fr !important}
  .ux-donation-card{grid-template-columns:1fr !important;padding:30px 26px !important}
  .article-panel{padding:22px !important}
}

/* RTL finishing */
[dir="rtl"] .section-head,[dir="rtl"] .ed-about-copy,[dir="rtl"] .ed-program-content,[dir="rtl"] .ed-side-story,[dir="rtl"] .agenda-copy,[dir="rtl"] .ed-lead-main-copy,[dir="rtl"] .ed-lead-row,[dir="rtl"] .ed-history-copy,[dir="rtl"] .ed-vision,[dir="rtl"] .ed-mission,[dir="rtl"] .ed-exec,[dir="rtl"] .ed-country,[dir="rtl"] .public-news-body,[dir="rtl"] .public-research-body,[dir="rtl"] .article-content,[dir="rtl"] .footer-grid{text-align:right !important}

/* ---------- mobile hero composition ---------- */
@media(max-width:700px){
  /* The desktop hero artwork is a wide collage. Use a clean, complete
     institutional photo on phones so the subject is not cropped. */
  .hero{
    min-height:640px !important;
    background:var(--vr-navy) !important;
  }
  .hero:before{display:none !important}
  .hero-slide{
    background-color:var(--vr-navy) !important;
    background-position:center top !important;
    background-repeat:no-repeat !important;
    background-size:100% auto !important;
  }
  .hero-slide:nth-child(1){
    background-image:url('../images/hero.webp') !important;
  }
  .hero-slide:nth-child(2){
    background-image:url('../images/image1.png') !important;
  }
  .hero-slide:nth-child(3){
    background-image:url('../images/image2.png') !important;
  }
  .hero-slide:nth-child(4){
    background-image:url('../images/image3.png') !important;
  }
  .hero-slide:before{
    background:linear-gradient(180deg,rgba(5,24,48,.02) 0%,rgba(5,24,48,.04) 28%,rgba(5,24,48,.78) 48%,rgba(5,24,48,.98) 68%,var(--vr-navy) 100%) !important;
  }
  .hero-slide:after{display:none !important}
  .hero .wrap{
    min-height:640px !important;
    padding:218px 15px 56px !important;
    align-items:flex-end !important;
  }
  .hero-panel{
    width:min(100%,430px) !important;
    max-width:none !important;
    border:0 !important;
    padding:18px 0 0 !important;
  }
  [dir="rtl"] .hero-panel{border:0 !important;padding:18px 0 0 !important}
  .hero h1{max-width:100% !important;text-shadow:none !important}
  .hero p{max-width:100% !important;margin-top:14px !important}
  .hero-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    max-width:280px !important;
    margin-top:20px !important;
    gap:10px !important;
  }
  .hero-actions .btn{width:100% !important}
  .hero-dots{bottom:17px !important}
  .stat-strip{margin-top:-18px !important}
}

@media(max-width:420px){
  .hero,.hero .wrap{min-height:630px !important}
  .hero .wrap{padding-top:205px !important;padding-bottom:50px !important}
  .hero-panel{padding-top:14px !important}
  [dir="rtl"] .hero-panel{padding-top:14px !important}
}