/* Refah 2026 signature redesign — brand-led, RTL-first, motion-ready. */
:root {
	--refah-blue: #4f86c9;
	--refah-blue-deep: #245d9c;
	--refah-sky: #83b9ed;
	--refah-teal: #4fc1ad;
	--refah-teal-deep: #15786f;
	--refah-cyan: #37c8ca;
	--refah-coral: #ef7e71;
	--refah-sun: #f3c969;
	--refah-mint: #ddf5ed;
	--refah-lilac: #e9e9ff;
	--refah-warm: #fff5e8;
	--refah-ink: #123d50;
	--refah-ink-deep: #082e40;
	--refah-body: #314f5c;
	--refah-muted: #607782;
	--refah-bg: #f2faf8;
	--refah-bg-blue: #edf5ff;
	--refah-border: #cfe3e5;
	--refah-gradient: linear-gradient(132deg, #49c5b1 0%, #4f86c9 72%);
	--refah-shadow-sm: 0 16px 40px rgba(8, 46, 64, .09);
	--refah-shadow-lg: 0 36px 100px rgba(8, 46, 64, .2);
	--refah-section: clamp(108px, 11vw, 168px);
}

body { background: #fffdf9; color: var(--refah-body); }
body::selection { background: rgba(79, 193, 173, .35); }
h1, h2, h3, h4 { letter-spacing: -.015em; }
h1 { font-size: clamp(2.75rem, 4.1vw, 3.55rem); line-height: 1.25; }
h2 { font-size: clamp(2rem, 3vw, 2.75rem); line-height: 1.35; }
h3 { font-size: clamp(1.25rem, 1.7vw, 1.6rem); }
.refah-section-heading { max-width: 730px; }
.refah-section-heading h2 { max-width: 680px; }
.refah-section-heading p { color: #536e78; }
.refah-kicker { color: var(--refah-teal-deep); }
.refah-kicker::before { width: 42px; background: linear-gradient(90deg, var(--refah-teal), var(--refah-blue)); }

/* Buttons: layered color and directional movement without scale jumps. */
.refah-button { min-height: 52px; border-radius: 10px; transform: none; transition: color .25s, background .25s, border-color .25s, box-shadow .25s, translate .25s var(--refah-ease); }
.refah-button:hover { transform: none; translate: 0 -2px; }
.refah-button:active { transform: none; translate: 0 0; }
.refah-button:hover i { transform: translateX(-5px); }
.refah-button--primary { background: linear-gradient(135deg, var(--refah-blue), #3978c6); box-shadow: 0 14px 34px rgba(49, 112, 186, .28); }
.refah-button--primary:hover { background: linear-gradient(135deg, #3978c6, var(--refah-blue-deep)); }
.refah-button--teal { background: linear-gradient(135deg, #58cbb7, #38bcae); color: #082f3d; box-shadow: 0 12px 30px rgba(44, 162, 146, .22); }
.refah-button--teal:hover { background: linear-gradient(135deg, #71d8c6, #42c3b3); }
.refah-button--light { box-shadow: 0 10px 28px rgba(8, 46, 64, .1); }
.refah-text-link { position: relative; }
.refah-text-link::after { background: linear-gradient(90deg, var(--refah-teal), var(--refah-blue)); }

/* Header and dropdown alignment. */
.refah-site-header { padding-block: 14px; }
.refah-header-shell { border-radius: 16px; box-shadow: 0 18px 55px rgba(8, 46, 64, .11); }
.refah-site-header.is-scrolled .refah-header-shell { min-height: 60px; }
.refah-nav__list .menu-item-has-children > a::before { order: 2; margin-inline: 7px 0; }
.refah-nav__list .sub-menu { inset-inline: auto 0; inset-block-start: calc(100% + 1px); border-radius: 10px 10px 18px 10px; border-color: rgba(36, 93, 156, .13); box-shadow: 0 24px 60px rgba(8, 46, 64, .16); }
.refah-nav__list .sub-menu::before { content: ''; position: absolute; inset-inline-start: 24px; inset-block-start: -5px; width: 28px; height: 5px; background: var(--refah-gradient); }
.refah-menu-toggle { display: none; place-items: center; padding: 0; color: #fff; font-size: 21px; background: linear-gradient(145deg, var(--refah-blue-deep), var(--refah-ink)); }
.refah-menu-toggle i { transition: transform .3s var(--refah-ease); }
.refah-menu-toggle:hover i { transform: translateX(-2px); }

/* Mobile navigation as a designed brand environment. */
.refah-offcanvas { overflow: hidden; }
.refah-offcanvas__panel { width: min(96vw, 720px); padding: 24px clamp(24px, 6vw, 66px) 34px; background: linear-gradient(152deg, #082e40 0%, #104e61 54%, #176e72 100%); isolation: isolate; }
.refah-offcanvas__panel::before { content: ''; position: absolute; z-index: -1; inset: 0; opacity: .13; background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px); background-size: 58px 58px; mask-image: linear-gradient(#000 0 66%, transparent); }
.refah-offcanvas__wash { position: absolute; z-index: -1; border-radius: 50%; filter: blur(2px); pointer-events: none; }
.refah-offcanvas__wash--blue { width: 430px; height: 430px; inset-inline-start: -270px; inset-block-start: -190px; background: rgba(92, 150, 221, .34); box-shadow: 0 0 0 70px rgba(92,150,221,.06); }
.refah-offcanvas__wash--teal { width: 360px; height: 360px; inset-inline-end: -240px; inset-block-end: 30px; background: rgba(79, 193, 173, .29); box-shadow: 0 0 0 60px rgba(79,193,173,.05); }
.refah-offcanvas__eyebrow { margin: 0 0 10px; color: #83dece; font-size: 13px; font-weight: 800; }
.refah-mobile-nav { padding-block: 25px 24px; }
.refah-mobile-nav__list > li { position: relative; border-color: rgba(255,255,255,.13); }
.refah-mobile-nav__list > li > a { min-height: 55px; font-size: clamp(20px, 4vw, 27px); }
.refah-mobile-nav__list > li > a::before { content: ''; width: 0; height: 2px; margin-inline-end: 0; background: var(--refah-sun); transition: width .3s, margin .3s; }
.refah-mobile-nav__list > li:hover > a::before, .refah-mobile-nav__list > li:focus-within > a::before { width: 24px; margin-inline-end: 10px; }
.refah-mobile-submenu-toggle { inset-inline: auto 0; border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.08); }
.refah-mobile-nav .sub-menu.is-open { border-inline-start: 2px solid var(--refah-teal); }
.refah-offcanvas__actions .refah-button { min-height: 56px; }
.refah-offcanvas__curve { inset-inline-end: -40px; opacity: .22; }
.refah-offcanvas__curve path { stroke: var(--refah-sky); }

/* Home hero: Artistic Asymmetry. */
.refah-hero { min-height: min(900px, 100svh); padding-block: 140px 88px; background: radial-gradient(circle at 12% 12%, rgba(239,126,113,.16), transparent 27%), radial-gradient(circle at 82% 62%, rgba(55,200,202,.18), transparent 34%), linear-gradient(142deg, #f8fffc 0%, #eaf6ff 60%, #fff7ea 100%); }
.refah-hero::before { opacity: .34; background-size: 64px 64px; }
.refah-hero__grid { grid-template-columns: minmax(0, .95fr) minmax(430px, 1.05fr); gap: clamp(36px, 6vw, 92px); }
.refah-hero__copy { padding-block-start: 28px; }
.refah-hero__copy h1 { max-width: 660px; font-size: clamp(2.9rem, 4.3vw, 3.55rem); line-height: 1.24; color: #082f43; }
.refah-hero__copy > p { max-width: 650px; margin-block: 23px 31px; color: #496773; font-size: clamp(17px, 1.35vw, 20px); }
.refah-hero__actions { gap: 10px; }
.refah-hero__trust { max-width: 650px; margin-block-start: 31px; }
.refah-hero__visual { min-height: 625px; transform: translateY(22px); }
.refah-hero__main-image { inset: 2% 7% 7% 2%; border-radius: 52% 48% 28% 72% / 35% 29% 71% 65%; box-shadow: 0 38px 100px rgba(21, 89, 116, .24); }
.refah-hero__main-image::before { content: ''; position: absolute; z-index: 2; inset: 0; border: 1px solid rgba(255,255,255,.62); border-radius: inherit; pointer-events: none; }
.refah-hero__micro-image { width: 238px; inset-inline-start: -26px; inset-block-end: 20px; border-width: 6px; border-radius: 76px 14px 76px 14px; }
.refah-hero__orb { inset-inline-end: -18px; inset-block-start: 5%; width: 132px; background: rgba(255,255,255,.3); backdrop-filter: blur(3px); }
.refah-hero__visual-note { position: absolute; z-index: 4; inset-inline-end: -34px; inset-block-end: 74px; display: grid; min-width: 166px; padding: 17px 20px; border-inline-start: 4px solid var(--refah-coral); color: #fff; background: rgba(8,46,64,.9); box-shadow: var(--refah-shadow-sm); }
.refah-hero__visual-note b { font-size: 18px; }
.refah-hero__visual-note small { color: rgba(255,255,255,.7); }
.refah-hero__color-field span { position: absolute; border-radius: 50%; pointer-events: none; }
.refah-hero__color-field span:first-child { width: 260px; height: 260px; inset-inline-end: -160px; inset-block-start: 18%; border: 38px solid rgba(79,193,173,.12); }
.refah-hero__color-field span:last-child { width: 180px; height: 180px; inset-inline-start: 42%; inset-block-end: -92px; background: rgba(243,201,105,.19); }
.refah-hero__line { width: min(68vw, 980px); opacity: .64; }
.refah-scroll-cue { letter-spacing: .02em; }

/* Continuous color rhythm on Home. */
.refah-identity-ribbon { position: relative; color: #fff; background: linear-gradient(115deg, #082e40 0%, #104e61 52%, #176e72 100%); }
.refah-identity-ribbon::before { content: ''; position: absolute; inset-inline-end: -80px; inset-block-start: -92px; width: 330px; height: 180px; border: 2px solid rgba(123,219,204,.2); border-radius: 50% 50% 0 0; transform: rotate(-12deg); }
.refah-identity-ribbon blockquote { color: #fff; }
.refah-about { background: linear-gradient(180deg, #fffdf9, #fff5e8); }
.refah-about__copy h2 { font-size: clamp(2.15rem, 3.4vw, 3.05rem); }
.refah-inline-image { border-radius: 999px 16px 999px 16px; }
.refah-about__visual::before { background: linear-gradient(135deg, var(--refah-sun), var(--refah-coral)); }
.refah-about__seal { background: linear-gradient(145deg, var(--refah-coral), #e96969); color: #fff; }
.refah-vision { color: rgba(255,255,255,.76); background: radial-gradient(circle at 85% 10%, rgba(79,193,173,.22), transparent 30%), #082e40; }
.refah-vision .refah-section-heading h2, .refah-vision-panel h3 { color: #fff; }
.refah-vision-panel { background: rgba(255,255,255,.035); }
.refah-vision-panel.is-active { background: linear-gradient(145deg, rgba(79,193,173,.2), rgba(79,134,201,.16)); }
.refah-values { overflow: hidden; background: linear-gradient(145deg, #e9f6ff 0%, #fff2e7 48%, #e9faf5 100%); }
.refah-values::after { content: ''; position: absolute; width: 520px; height: 520px; inset-inline-start: -310px; inset-block-end: -340px; border: 44px solid rgba(79,134,201,.08); border-radius: 50%; }
.refah-values__grid { gap: 0; border-block: 1px solid rgba(18,61,80,.15); }
.refah-value { min-height: 215px; padding: clamp(28px, 4vw, 55px); border: 0; border-inline-end: 1px solid rgba(18,61,80,.15); border-block-end: 1px solid rgba(18,61,80,.15); border-radius: 0; background: transparent; box-shadow: none; }
.refah-value:nth-child(2), .refah-value:nth-child(4) { border-inline-end: 0; }
.refah-value:hover { transform: none; background: rgba(255,255,255,.5); }
.refah-value > i { color: var(--refah-blue-deep); }
.refah-audiences { background: var(--refah-mint); }
.refah-audiences__image { border-radius: 140px 20px 140px 20px; box-shadow: 28px 28px 0 rgba(79,134,201,.13); }
.refah-audience { border-color: rgba(21,120,111,.22); }
.refah-audience__icon { background: #fff; box-shadow: 0 8px 24px rgba(21,120,111,.12); }

/* Signature service journey. */
.refah-services, .refah-services-directory { color: rgba(255,255,255,.74); background: radial-gradient(circle at 15% 18%, rgba(79,134,201,.25), transparent 32%), radial-gradient(circle at 88% 74%, rgba(79,193,173,.18), transparent 30%), #082e40; }
.refah-services .refah-section-heading h2, .refah-services-directory .refah-section-heading h2 { color: #fff; }
.refah-services .refah-section-heading p, .refah-services-directory .refah-section-heading p { color: rgba(255,255,255,.65); }
.refah-service-experience { display: grid; grid-template-columns: minmax(390px, 5fr) minmax(0, 7fr); gap: clamp(50px, 7vw, 110px); align-items: start; }
.refah-service-experience__stage { position: sticky; top: 112px; height: min(680px, calc(100vh - 145px)); min-height: 540px; overflow: hidden; border-radius: 26px 130px 26px 26px; background: #123d50; box-shadow: 0 30px 90px rgba(0,0,0,.25); }
.refah-service-experience__images, .refah-service-experience__image { position: absolute; inset: 0; margin: 0; }
.refah-service-experience__image { opacity: 0; visibility: hidden; clip-path: inset(10% 10% 10% 10% round 34%); transform: scale(1.08); }
.refah-service-experience__image.is-active { opacity: 1; visibility: visible; clip-path: inset(0 0 0 0 round 0); transform: scale(1); }
.refah-service-experience__image img { width: 100%; height: 100%; object-fit: cover; }
.refah-service-experience__images::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(8,46,64,.92), transparent 67%), linear-gradient(120deg, rgba(8,46,64,.16), transparent); }
.refah-service-experience__status { position: absolute; z-index: 3; inset-inline: 28px; inset-block-start: 27px; display: flex; align-items: center; gap: 12px; color: #fff; font-weight: 800; }
.refah-service-experience__status i { width: 74px; height: 1px; background: rgba(255,255,255,.45); }
.refah-service-experience__label { position: absolute; z-index: 3; inset-inline: 30px; inset-block-end: 30px; display: grid; }
.refah-service-experience__label small { color: #87ddce; font-weight: 700; }
.refah-service-experience__label strong { max-width: 360px; color: #fff; font-size: clamp(24px, 2.6vw, 38px); line-height: 1.35; }
.refah-service-experience__path { position: absolute; z-index: 2; inset-inline-start: -80px; inset-block-end: 100px; width: 92%; opacity: .7; }
.refah-service-experience__path path { fill: none; stroke: rgba(255,255,255,.24); stroke-width: 5; stroke-linecap: round; }
.refah-service-experience__path [data-service-progress] { stroke: var(--refah-teal); stroke-dasharray: 700; stroke-dashoffset: 700; }
.refah-service-experience__steps { border-block-start: 1px solid rgba(255,255,255,.16); }
.refah-service-chapter, .refah-service-chapter:nth-child(even) { display: block; min-height: min(72vh, 690px); padding: clamp(70px, 9vh, 105px) 0; border-block-end: 1px solid rgba(255,255,255,.16); opacity: .42; transition: opacity .35s, transform .45s var(--refah-ease); }
.refah-service-chapter.is-active, .refah-service-chapter:focus { opacity: 1; transform: translateX(-8px); outline: 0; }
.refah-service-chapter__mobile-image { display: none; }
.refah-service-chapter__content header { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.refah-service-chapter__number { position: static; color: rgba(255,255,255,.3); font-size: 48px; opacity: 1; }
.refah-service-chapter__eyebrow { color: #8de0d1; }
.refah-service-chapter__eyebrow i { border-radius: 50%; }
.refah-service-chapter h3 { margin-block-start: 24px; color: #fff; font-size: clamp(2rem, 3.2vw, 2.75rem); }
.refah-service-chapter__content > p { max-width: 680px; color: rgba(255,255,255,.68); font-size: 18px; }
.refah-service-chapter ul { grid-template-columns: 1fr; }
.refah-service-chapter__outcome { color: #fff; }
.refah-services__all { margin-block-start: 44px; }

/* Programs, journey and action areas. */
.refah-programs { overflow: hidden; background: linear-gradient(140deg, #f4f1ff 0%, #eef8ff 48%, #fff6e8 100%); }
.refah-programs::before { content: 'أطلس المبادرات'; position: absolute; inset-inline-start: -18px; inset-block-start: 95px; color: rgba(79,134,201,.07); font-size: clamp(4rem, 10vw, 9rem); font-weight: 800; white-space: nowrap; }
.refah-programs__layout { position: relative; grid-template-columns: minmax(0, 1.28fr) minmax(320px, .72fr); min-height: 690px; background: transparent; }
.refah-programs__display { min-height: 690px; border-radius: 22px 120px 22px 22px; box-shadow: 0 32px 90px rgba(8,46,64,.18); }
.refah-programs__display::before { content: ''; position: absolute; z-index: 2; width: 300px; height: 300px; inset-inline-start: -170px; inset-block-start: -170px; border: 45px solid rgba(79,193,173,.2); border-radius: 50%; }
.refah-programs__display h2, .refah-programs__display h3 { max-width: 650px; font-size: clamp(2.15rem, 3.7vw, 3.1rem); }
.refah-programs__display p { max-width: 650px; font-size: 17px; }
.refah-programs__index { max-height: 690px; border-color: rgba(18,61,80,.15); }
.refah-program-trigger { min-height: 94px; border-color: rgba(18,61,80,.15); }
.refah-program-trigger.is-active { color: var(--refah-ink); background: rgba(255,255,255,.78); box-shadow: inset -4px 0 var(--refah-coral); }
.refah-program-trigger .number { color: var(--refah-blue-deep); }

.refah-journey { overflow: hidden; background: #fff9ef; }
.refah-journey::before { content: ''; position: absolute; width: 470px; height: 470px; inset-inline-end: -300px; inset-block-start: 8%; border: 48px solid rgba(243,201,105,.18); border-radius: 50%; }
.refah-journey__intro { top: 125px; }
.refah-journey__intro h2 { max-width: 500px; }
.refah-journey__steps { border-inline-start-color: rgba(239,126,113,.2); }
.refah-journey__rail > span { background: linear-gradient(var(--refah-coral), var(--refah-teal), var(--refah-blue)); }
.refah-step { min-height: 180px; grid-template-columns: 42px 76px 1fr; }
.refah-step__number { color: var(--refah-blue-deep); }
.refah-step.is-active .refah-step__dot { background: var(--refah-coral); box-shadow: 0 0 0 8px rgba(239,126,113,.14); }

.refah-donation-story { background: linear-gradient(125deg, #082e40 0%, #123f52 55%, #315b73 100%); }
.refah-donation-story__grid { min-height: 700px; }
.refah-donation-story__copy { position: relative; isolation: isolate; }
.refah-donation-story__copy::before { content: ''; position: absolute; z-index: -1; width: 290px; height: 290px; inset-inline-end: 12%; inset-block-start: 8%; border-radius: 50%; background: radial-gradient(circle, rgba(239,126,113,.28), transparent 68%); }
.refah-donation-story__copy h2 { max-width: 610px; font-size: clamp(2.25rem, 3.8vw, 3.25rem); }
.refah-donation-story__image { clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%, 0 19%); }
.refah-donation-story__quote { color: var(--refah-sun); }
.refah-donation-story__stroke path { stroke: var(--refah-coral); }

.refah-volunteer { background: linear-gradient(180deg, #fff 0%, #e8faf5 100%); }
.refah-volunteer__panel { border-radius: 24px 105px 24px 24px; background: linear-gradient(132deg, #dff7ef, #eaf3ff); box-shadow: 0 30px 90px rgba(21,120,111,.12); }
.refah-volunteer__panel::before { content: ''; position: absolute; z-index: 2; width: 140px; height: 140px; inset-inline-start: 44%; inset-block-start: -65px; border-radius: 50%; background: var(--refah-sun); opacity: .9; mix-blend-mode: multiply; }
.refah-volunteer__image { clip-path: polygon(0 0, 100% 0, 92% 100%, 0 100%); }
.refah-volunteer__copy h2 { max-width: 560px; }

.refah-updates { overflow: hidden; background: linear-gradient(152deg, #eaf4ff 0%, #f7fbff 55%, #e7f8f3 100%); }
.refah-updates::after { content: ''; position: absolute; width: 280px; height: 280px; inset-inline-start: -150px; inset-block-start: 22%; border: 34px solid rgba(79,134,201,.12); border-radius: 50%; }
.refah-news-feature { display: block; min-height: 520px; border-radius: 18px 82px 18px 18px; box-shadow: 0 25px 70px rgba(8,46,64,.16); }
.refah-news-feature__content { inset-inline: 34px; inset-block-end: 32px; }
.refah-news-feature__content h3 { font-size: clamp(1.55rem, 2.4vw, 2.15rem); }
.refah-event-date { color: #fff; background: linear-gradient(145deg, var(--refah-blue), var(--refah-blue-deep)); border-radius: 9px 28px 9px 9px; }
.refah-event-row { transition: background .25s, padding .25s; }
.refah-event-row:hover { padding-inline: 14px; background: rgba(255,255,255,.58); }
.refah-home-projects { margin-block-start: 86px; padding-block-start: 50px; border-block-start: 1px solid rgba(18,61,80,.15); }
.refah-home-projects .refah-archive-grid { grid-template-columns: 1.25fr .85fr .85fr; gap: 18px; }
.refah-home-projects .refah-archive-card { border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.refah-home-projects .refah-archive-card__image { border-radius: 10px 56px 10px 10px; }
.refah-home-projects .refah-archive-card:first-child .refah-archive-card__image { aspect-ratio: 1.1; }
.refah-home-projects .refah-archive-card__body { padding: 20px 4px 0; }
.refah-home-projects .refah-archive-card:hover { transform: none; box-shadow: none; }

.refah-media-preview { background: #fffdf9; }
.refah-media-tile { border-radius: 8px; }
.refah-media-tile:first-child { border-radius: 16px 80px 16px 16px; }
.refah-media-tile span { border-radius: 5px; background: rgba(8,46,64,.84); }
.refah-partners { background: linear-gradient(110deg, #123d50, #245d9c); }
.refah-partner-logo { border-radius: 8px; }
.refah-impact-marquee span { color: rgba(255,255,255,.68); }
.refah-final-cta { background: radial-gradient(circle at 15% 20%, rgba(239,126,113,.2), transparent 30%), radial-gradient(circle at 86% 78%, rgba(79,193,173,.23), transparent 34%), linear-gradient(135deg, #eef7ff, #fff5e8); }
.refah-final-cta h2 { max-width: 850px; font-size: clamp(2.2rem, 3.8vw, 3.2rem); }

/* Shared inner heroes now inherit a page mood rather than one gray template. */
.refah-inner-hero { min-height: 440px; padding-block: 155px 68px; background: radial-gradient(circle at 15% 18%, rgba(79,193,173,.2), transparent 32%), linear-gradient(135deg, #f2faf8, #edf5ff 68%, #fff7ea); }
.refah-inner-hero::after { content: ''; position: absolute; inset-inline-end: -100px; inset-block-end: -160px; width: 420px; height: 280px; border: 36px solid rgba(79,134,201,.1); border-radius: 50% 50% 0 0; transform: rotate(-8deg); }
.refah-inner-hero h1 { max-width: 760px; font-size: clamp(2.65rem, 4vw, 3.45rem); line-height: 1.25; }
.refah-inner-hero__content > p { max-width: 720px; font-size: 18px; }
.refah-inner-hero__line { opacity: .45; }
.refah-inner-hero__line path { stroke: var(--refah-coral); }
.refah-archive-context--refah_campaign .refah-inner-hero, .refah-single-context--refah_campaign .refah-inner-hero { color: #fff; background: radial-gradient(circle at 14% 10%, rgba(239,126,113,.3), transparent 30%), linear-gradient(125deg, #082e40, #244f65); }
.refah-archive-context--refah_campaign .refah-inner-hero h1, .refah-single-context--refah_campaign .refah-inner-hero h1 { color: #fff; }
.refah-archive-context--refah_campaign .refah-inner-hero p, .refah-single-context--refah_campaign .refah-inner-hero p, .refah-archive-context--refah_campaign .refah-breadcrumbs, .refah-single-context--refah_campaign .refah-breadcrumbs { color: rgba(255,255,255,.72); }
.refah-archive-context--refah_event .refah-inner-hero, .refah-single-context--refah_event .refah-inner-hero { background: linear-gradient(135deg, #fff3df, #e9faf5); }
.refah-archive-context--refah_media .refah-inner-hero { background: linear-gradient(135deg, #e8f3ff, #f3efff, #fff2e6); }
.refah-archive-context--refah_document .refah-inner-hero { color: #fff; background: linear-gradient(125deg, #082e40, #123d50); }
.refah-archive-context--refah_document .refah-inner-hero h1 { color: #fff; }
.refah-archive-context--refah_document .refah-inner-hero p, .refah-archive-context--refah_document .refah-breadcrumbs { color: rgba(255,255,255,.7); }

/* About: colorful narrative, controlled type, interactive values. */
.refah-about-hero { min-height: 780px; background: radial-gradient(circle at 15% 20%, rgba(239,126,113,.16), transparent 30%), radial-gradient(circle at 78% 75%, rgba(79,193,173,.2), transparent 33%), linear-gradient(145deg, #f9fffd, #eef5ff 62%, #fff6e8); }
.refah-about-hero__copy h1 { max-width: 720px; font-size: clamp(2.8rem, 4.2vw, 3.55rem); line-height: 1.24; }
.refah-about-hero__copy p { font-size: clamp(17px, 1.45vw, 20px); }
.refah-about-hero__visual { height: 560px; }
.refah-about-hero__visual > img { border-radius: 120px 18px 120px 18px; }
.refah-about-hero__stamp { width: 142px; height: 142px; border-radius: 50%; background: linear-gradient(145deg, var(--refah-coral), #e86967); color: #fff; }
.refah-about-nav { background: rgba(255,253,249,.94); }
.refah-about-identity { background: #fffdf9; }
.refah-about-identity__grid h2 { font-size: clamp(2.15rem, 3.5vw, 3rem); }
.refah-about-identity__copy dl { border-color: rgba(18,61,80,.16); }
.refah-about-vision { background: radial-gradient(circle at 84% 16%, rgba(79,193,173,.2), transparent 30%), #082e40; }
.refah-about-vision__split article:first-child { background: linear-gradient(150deg, rgba(79,134,201,.18), transparent); }
.refah-about-vision__split article:last-child { background: linear-gradient(150deg, rgba(79,193,173,.16), transparent); }
.refah-about-vision__split h3 { margin-block-start: 130px; font-size: clamp(2rem, 3.1vw, 2.75rem); }
.refah-about-values { background: linear-gradient(145deg, #eaf5ff, #fff2e9, #e8faf5); }
.refah-about-values__flow { display: flex; min-height: 510px; border: 1px solid rgba(18,61,80,.14); }
.refah-about-value, .refah-about-value:nth-child(even) { position: relative; display: block; flex: 1 1 0; min-width: 0; min-height: 510px; padding: 38px 28px; overflow: hidden; border: 0; border-inline-end: 1px solid rgba(18,61,80,.14); transition: flex .65s var(--refah-ease), background .35s; }
.refah-about-value:last-child { border-inline-end: 0; }
.refah-about-value:hover, .refah-about-value:focus { flex: 1.65 1 0; background: rgba(255,255,255,.64); outline: 0; }
.refah-about-value:focus-visible { outline: 3px solid var(--refah-teal); outline-offset: -7px; }
.refah-about-value__mark { min-height: 210px; background: transparent; }
.refah-about-value__mark span { font-size: 84px; color: rgba(36,93,156,.15); }
.refah-about-value__mark i { color: var(--refah-blue-deep); }
.refah-about-value h3 { font-size: 32px; }
.refah-about-goals { background: #fffdf9; }
.refah-about-goals__list li span { color: var(--refah-coral); }
.refah-about-audiences { background: var(--refah-mint); }
.refah-about-audience { border-radius: 8px; }
.refah-about-board { background: linear-gradient(180deg, #fff, #eef6ff); }
.refah-board-member { border-radius: 0; background: transparent; box-shadow: none; }
.refah-board-member__monogram { background: linear-gradient(145deg, var(--refah-blue), var(--refah-teal)); color: #fff; }
.refah-about-closing { background: linear-gradient(118deg, #245d9c, #176e72); }

/* Services, program atlas and hub pages. */
.refah-services-hero { min-height: 760px; background: radial-gradient(circle at 12% 20%, rgba(243,201,105,.23), transparent 28%), linear-gradient(142deg, #f0fbf8, #e8f3ff 70%, #fff4e7); }
.refah-services-hero h1 { max-width: 700px; font-size: clamp(2.8rem, 4.2vw, 3.55rem); }
.refah-services-hero figure { border-radius: 18px 120px 18px 18px; box-shadow: 28px 28px 0 rgba(79,193,173,.15); }
.refah-services-hero figcaption { background: linear-gradient(115deg, rgba(8,46,64,.96), rgba(36,93,156,.9)); }
.refah-services-directory { padding-block: var(--refah-section); }
.refah-service-process { background: linear-gradient(140deg, #eef7ff, #fff5e8); }
.refah-service-process ol { border-color: rgba(18,61,80,.16); }
.refah-service-process li { background: transparent; }
.refah-service-process li:nth-child(2), .refah-service-process li:nth-child(4) { background: rgba(255,255,255,.55); }
.refah-service-process li span { color: var(--refah-coral); }
.refah-service-cta { background: linear-gradient(110deg, #245d9c, #15786f); }

.refah-program-atlas__hero { background: radial-gradient(circle at 82% 25%, rgba(79,193,173,.22), transparent 28%), radial-gradient(circle at 12% 80%, rgba(239,126,113,.16), transparent 30%), linear-gradient(140deg, #eef6ff, #f2efff 54%, #fff6e8); }
.refah-program-atlas__hero h1 { max-width: 850px; font-size: clamp(2.75rem, 4vw, 3.5rem); }
.refah-program-atlas__stage { background: linear-gradient(180deg, #f8fbff, #eff8f5); }
.refah-program-atlas__closing { background: linear-gradient(110deg, #e8faf5, #eaf3ff); }

.refah-hub-hero { min-height: 650px; }
.refah-hub-hero h1 { max-width: 820px; font-size: clamp(2.75rem, 4.2vw, 3.55rem); }
.refah-hub-hero--media { background: radial-gradient(circle at 12% 15%, rgba(239,126,113,.23), transparent 28%), radial-gradient(circle at 88% 80%, rgba(79,193,173,.26), transparent 32%), linear-gradient(135deg, #e9f4ff, #f4efff 54%, #fff4e6); }
.refah-hub-hero--media nav a { border-radius: 8px; background: rgba(255,255,255,.7); }
.refah-media-feature { background: #fffdf9; }
.refah-media-feature__lead { border-radius: 18px 92px 18px 18px; }
.refah-media-feature__list > a { transition: background .25s, padding .25s; }
.refah-media-feature__list > a:hover { padding-inline: 16px; background: var(--refah-bg-blue); }
.refah-media-events { background: linear-gradient(135deg, #e8faf5, #eef6ff); }
.refah-media-events__timeline > a time { color: #fff; background: linear-gradient(145deg, var(--refah-blue), var(--refah-blue-deep)); }
.refah-media-gallery { background: #082e40; }
.refah-media-gallery .refah-section-heading h2 { color: #fff; }
.refah-media-gallery .refah-kicker { color: #89ded0; }
.refah-media-gallery__mosaic a { border-radius: 6px; }

.refah-hub-hero--governance { background: radial-gradient(circle at 13% 18%, rgba(79,193,173,.17), transparent 28%), linear-gradient(126deg, #082e40, #123d50 58%, #164e5f); }
.refah-hub-hero--governance h1 { max-width: 800px; font-size: clamp(2.7rem, 4vw, 3.45rem); }
.refah-governance-orbit span { background: linear-gradient(145deg, var(--refah-teal), var(--refah-sky)); }
.refah-governance-pillars { background: linear-gradient(145deg, #eef6ff, #e8faf5); }
.refah-governance-pillars article { background: transparent; }
.refah-governance-pillars article:nth-child(even) { background: rgba(255,255,255,.52); }
.refah-governance-documents { background: #fffdf9; }
.refah-governance-documents__list article { border-color: rgba(18,61,80,.15); }

.refah-hub-hero--join { background: radial-gradient(circle at 15% 18%, rgba(243,201,105,.25), transparent 28%), linear-gradient(140deg, #e8faf5, #eef6ff 62%, #fff4e7); }
.refah-join-hero__grid h1 { max-width: 740px; font-size: clamp(2.75rem, 4.1vw, 3.5rem); }
.refah-join-hero__grid figure { border-radius: 105px 18px 105px 18px; box-shadow: 25px 25px 0 rgba(239,126,113,.14); }
.refah-join-paths { background: #fffdf9; }
.refah-join-path { border-color: rgba(18,61,80,.15); }
.refah-join-path:nth-child(2) { background: #eff7ff; }
.refah-join-path:nth-child(3) { background: #e9faf5; }
.refah-join-path:nth-child(4) { background: #fff6e8; }
.refah-join-path:nth-child(5) { background: #f1efff; }
.refah-join-promise { background: linear-gradient(120deg, #082e40, #176e72); }

/* Form family: one component system, six distinct atmospheres. */
.refah-form-page { position: relative; overflow: hidden; padding-block: clamp(85px, 9vw, 125px); background: var(--form-page-bg, linear-gradient(145deg, #eff8f5, #fff)); }
.refah-form-page::before, .refah-form-page::after { content: ''; position: absolute; border-radius: 50%; pointer-events: none; }
.refah-form-page::before { width: 430px; height: 430px; inset-inline-start: -280px; inset-block-start: 50px; border: 45px solid var(--form-ring, rgba(79,193,173,.13)); }
.refah-form-page::after { width: 250px; height: 250px; inset-inline-end: -130px; inset-block-end: 8%; background: var(--form-orb, rgba(79,134,201,.1)); }
.refah-form-page__mood { position: absolute; z-index: 1; inset-inline-start: max(var(--refah-gutter), calc((100vw - var(--refah-container))/2)); inset-block-start: 38px; display: flex; align-items: center; gap: 10px; color: var(--form-accent, var(--refah-teal-deep)); font-size: 13px; font-weight: 800; }
.refah-form-page__mood i { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid currentColor; border-radius: 50%; }
.refah-form-page .refah-content-layout { position: relative; z-index: 2; }
.refah-form-page .refah-entry-content { grid-template-columns: minmax(260px, 4fr) minmax(0, 8fr); gap: clamp(34px, 5vw, 76px); padding: clamp(38px, 5.5vw, 76px); border-radius: 18px 92px 18px 18px; background: var(--form-panel, linear-gradient(135deg, #082e40, #123d50)); box-shadow: 0 36px 100px rgba(8,46,64,.2); }
.refah-form-page .refah-entry-content::after { content: ''; position: absolute; z-index: 0; width: 44%; inset-block: 0; inset-inline-start: 0; opacity: .2; background: linear-gradient(90deg, transparent, var(--form-accent, var(--refah-teal))), var(--form-image); background-size: cover; background-position: center; mix-blend-mode: screen; pointer-events: none; }
.refah-form-page .refah-entry-content > h2 { font-size: clamp(2rem, 3.1vw, 2.7rem); }
.refah-form-page .refah-entry-content > h2, .refah-form-page .refah-entry-content > p, .refah-form-page .refah-entry-content > blockquote { z-index: 2; }
.refah-form-page .refah-entry-content > .refah-form { z-index: 3; }
.refah-page--beneficiary-request { --form-accent:#4fc1ad; --form-page-bg:linear-gradient(145deg,#e7f8f3,#eff7ff); --form-panel:linear-gradient(135deg,#0c3b4c,#155d68); --form-ring:rgba(79,193,173,.18); --form-orb:rgba(79,134,201,.13); --form-image:url('../images/consultation.webp'); }
.refah-page--donate { --form-accent:#ef7e71; --form-page-bg:radial-gradient(circle at 16% 12%,rgba(239,126,113,.2),transparent 30%),linear-gradient(145deg,#fff4e8,#eef6ff); --form-panel:linear-gradient(125deg,#7c3f45,#123d50 52%,#082e40); --form-ring:rgba(239,126,113,.18); --form-orb:rgba(243,201,105,.2); --form-image:url('../images/family-support.webp'); }
.refah-page--volunteer { --form-accent:#f3c969; --form-page-bg:linear-gradient(145deg,#e4faf4,#fff5df); --form-panel:linear-gradient(125deg,#176e72,#245d9c); --form-ring:rgba(243,201,105,.22); --form-orb:rgba(79,193,173,.16); --form-image:url('../images/volunteer.webp'); }
.refah-page--membership { --form-accent:#9a97ee; --form-page-bg:linear-gradient(145deg,#f0efff,#eef6ff); --form-panel:linear-gradient(125deg,#263f6f,#123d50); --form-ring:rgba(154,151,238,.2); --form-orb:rgba(79,134,201,.15); --form-image:url('../images/medical-team.webp'); }
.refah-page--partnership { --form-accent:#83b9ed; --form-page-bg:linear-gradient(145deg,#e9f4ff,#e8faf5); --form-panel:linear-gradient(125deg,#123d50,#245d9c); --form-ring:rgba(79,134,201,.18); --form-orb:rgba(79,193,173,.14); --form-image:url('../images/middle-east-clinic.webp'); }
.refah-page--contact { --form-accent:#37c8ca; --form-page-bg:linear-gradient(145deg,#f7fffd,#eaf5ff); --form-panel:linear-gradient(125deg,#115768,#123d50); --form-ring:rgba(55,200,202,.16); --form-orb:rgba(243,201,105,.14); --form-image:url('../images/hijabi-doctor.webp'); }
.refah-page--donate .refah-inner-hero { background: radial-gradient(circle at 13% 15%,rgba(239,126,113,.26),transparent 30%),linear-gradient(135deg,#fff2e4,#eaf3ff); }
.refah-page--volunteer .refah-inner-hero { background: radial-gradient(circle at 14% 18%,rgba(243,201,105,.25),transparent 28%),linear-gradient(135deg,#e2faf4,#eef6ff); }
.refah-page--membership .refah-inner-hero { background: linear-gradient(135deg,#f0efff,#eaf4ff); }
.refah-page--partnership .refah-inner-hero { background: linear-gradient(135deg,#e7f2ff,#e7faf4); }
.refah-page--contact .refah-inner-hero { background: linear-gradient(135deg,#f7fffd,#e8f4ff); }

/* Form controls: calmer geometry and clearer focus/error states. */
.refah-form { border-radius: 14px; box-shadow: 0 22px 65px rgba(0,0,0,.18); }
.refah-form::before { border-radius: 6px; }
.refah-field input, .refah-field textarea, .refah-field select { min-height: 56px; border-radius: 8px; background: #f8fbfc; }
.refah-field input:focus, .refah-field textarea:focus, .refah-field select:focus { transform: none; border-color: var(--form-accent, var(--refah-teal)); box-shadow: 0 0 0 4px color-mix(in srgb, var(--form-accent, var(--refah-teal)) 17%, transparent); }
.refah-field label i { border-radius: 8px; color: var(--form-accent, var(--refah-blue)); }
.refah-field:focus-within label i { background: var(--form-accent, var(--refah-blue)); transform: none; }
.refah-file-picker { border-radius: 8px; }
.refah-file-picker span { border-radius: 6px; }
.refah-consent, .refah-form__status { border-radius: 8px; }

/* Editorial archives: each content family has its own visual grammar. */
.refah-archive { position: relative; padding-block: clamp(90px, 10vw, 140px); background: #fffdf9; }
.refah-archive-toolbar { align-items: flex-end; margin-block-end: 60px; padding: 18px 0 26px; border-block: 1px solid rgba(18,61,80,.14); }
.refah-archive-toolbar > p { display: flex; align-items: baseline; gap: 7px; margin: 0; }
.refah-archive-toolbar > p strong { color: var(--refah-blue-deep); font-size: 34px; }
.refah-archive-toolbar input, .refah-archive-toolbar select { min-height: 48px; border-radius: 7px; background: #fff; }
.refah-story-grid { display: grid; grid-template-columns: repeat(12, minmax(0,1fr)); gap: 54px 22px; }
.refah-story-card { grid-column: span 4; min-width: 0; }
.refah-story-card--feature { grid-column: span 7; grid-row: span 2; }
.refah-story-card--wide { grid-column: span 5; }
.refah-story-card__image { display: block; aspect-ratio: 1.28; overflow: hidden; background: var(--refah-bg-blue); }
.refah-story-card--feature .refah-story-card__image { aspect-ratio: 1.1; clip-path: polygon(0 0,100% 0,100% 88%,88% 100%,0 100%); }
.refah-story-card--wide .refah-story-card__image { aspect-ratio: 1.55; }
.refah-story-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--refah-ease), filter .5s; }
.refah-story-card:hover .refah-story-card__image img { transform: scale(1.045); filter: saturate(1.08); }
.refah-story-card > div { padding-block-start: 20px; }
.refah-story-card > div > span { color: var(--refah-coral); font-size: 13px; font-weight: 800; }
.refah-story-card h2 { margin-block-start: 8px; font-size: clamp(1.35rem, 2vw, 2rem); }
.refah-story-card--feature h2 { font-size: clamp(1.9rem, 2.8vw, 2.5rem); }
.refah-story-card p { color: var(--refah-muted); }

.refah-campaign-stream { display: grid; gap: 34px; }
.refah-campaign-story { display: grid; grid-template-columns: 7fr 5fr; min-height: 480px; overflow: hidden; color: rgba(255,255,255,.75); background: linear-gradient(115deg, #082e40, #174e61); }
.refah-campaign-story:nth-child(even) { grid-template-columns: 5fr 7fr; background: linear-gradient(115deg, #8e484b, #123d50); }
.refah-campaign-story:nth-child(even) .refah-campaign-story__image { order: 2; }
.refah-campaign-story__image { overflow: hidden; clip-path: polygon(0 0,100% 0,92% 100%,0 100%); }
.refah-campaign-story:nth-child(even) .refah-campaign-story__image { clip-path: polygon(8% 0,100% 0,100% 100%,0 100%); }
.refah-campaign-story__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .9s var(--refah-ease); }
.refah-campaign-story:hover img { transform: scale(1.045); }
.refah-campaign-story > div { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: clamp(38px, 6vw, 82px); }
.refah-campaign-story > div > span { color: var(--refah-sun); font-size: 13px; font-weight: 800; }
.refah-campaign-story h2 { margin-block: 12px 18px; color: #fff; font-size: clamp(2rem, 3vw, 2.65rem); }
.refah-campaign-story .refah-button { margin-block-start: 12px; }

.refah-events-index { border-block-start: 1px solid rgba(18,61,80,.15); }
.refah-event-story { display: grid; grid-template-columns: 118px minmax(260px, 4fr) minmax(0, 6fr); gap: clamp(24px, 4vw, 54px); align-items: center; padding-block: 34px; border-block-end: 1px solid rgba(18,61,80,.15); }
.refah-event-story > time { display: grid; place-items: center; min-height: 118px; padding: 12px; color: #fff; background: linear-gradient(145deg, var(--refah-blue), var(--refah-blue-deep)); text-align: center; }
.refah-event-story > time b { font-size: 42px; line-height: 1; }
.refah-event-story__image { aspect-ratio: 1.8; overflow: hidden; }
.refah-event-story__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s var(--refah-ease); }
.refah-event-story:hover img { transform: scale(1.04); }
.refah-event-story small { color: var(--refah-teal-deep); font-weight: 700; }
.refah-event-story h2 { margin-block: 7px 10px; font-size: clamp(1.45rem, 2.3vw, 2.1rem); }
.refah-event-story p { margin-block-end: 14px; color: var(--refah-muted); }

.refah-media-grid--archive { grid-auto-rows: 180px; gap: 16px; }
.refah-media-grid--archive .refah-media-tile { border-radius: 6px; cursor: zoom-in; }
.refah-media-grid--archive .refah-media-tile:nth-child(4n+1) { grid-column: span 7; grid-row: span 3; }
.refah-media-grid--archive .refah-media-tile:nth-child(4n+2) { grid-column: span 5; grid-row: span 2; }
.refah-media-grid--archive .refah-media-tile:nth-child(4n+3) { grid-column: span 5; grid-row: span 3; }
.refah-media-grid--archive .refah-media-tile:nth-child(4n+4) { grid-column: span 7; grid-row: span 2; }
.refah-media-grid--archive .refah-media-tile.is-video { cursor: pointer; }
.refah-lightbox { position: fixed; z-index: 5000; inset: 0; display: grid; place-items: center; padding: 30px; color: #fff; background: rgba(3,24,34,.94); opacity: 0; visibility: hidden; pointer-events: none; }
.refah-lightbox.is-open { opacity: 1; visibility: visible; pointer-events: auto; }
.refah-lightbox > button { position: absolute; inset-inline-start: 28px; inset-block-start: 28px; width: 50px; height: 50px; border: 1px solid rgba(255,255,255,.35); border-radius: 50%; color: #fff; background: transparent; cursor: pointer; }
.refah-lightbox figure { max-width: min(1100px, 92vw); margin: 0; }
.refah-lightbox img { max-height: 78vh; width: auto; margin-inline: auto; }
.refah-lightbox figcaption { margin-block-start: 14px; text-align: center; }

.refah-document-center__heading { display: grid; grid-template-columns: 3fr 5fr; gap: 18px 55px; margin-block-end: 40px; }
.refah-document-center__heading > span { grid-row: 1 / 3; color: var(--refah-blue-deep); font-weight: 800; }
.refah-document-center__heading h2 { font-size: clamp(2rem, 3vw, 2.7rem); }
.refah-document-center__heading p { color: var(--refah-muted); }
.refah-document-row { grid-template-columns: 84px minmax(0,1fr) auto; min-height: 116px; border-color: rgba(18,61,80,.14); }
.refah-document-row__icon { display: grid; place-items: center; min-height: 76px; color: var(--refah-blue-deep); background: var(--refah-bg-blue); }
.refah-document-row__icon small { font-size: 10px; font-weight: 800; }
.refah-document-row__pending { color: var(--refah-muted); font-size: 13px; }

/* Single stories/case studies. */
.refah-single { padding-block: clamp(85px, 10vw, 140px); background: #fffdf9; }
.refah-single__story { max-width: 1080px; }
.refah-single__lead { display: grid; grid-template-columns: 3fr 7fr; gap: 40px; margin-block-end: 42px; padding-block: 20px; border-block: 1px solid rgba(18,61,80,.15); }
.refah-single__lead span { color: var(--refah-coral); font-size: 13px; font-weight: 800; }
.refah-single__lead p { max-width: 620px; margin: 0; color: var(--refah-ink); font-size: 20px; font-weight: 700; }
.refah-single__meta { margin-block-end: 20px; }
.refah-single__featured { position: relative; border-radius: 12px 88px 12px 12px; }
.refah-single__featured::after { content: ''; position: absolute; inset: 0; border: 1px solid rgba(255,255,255,.6); border-radius: inherit; pointer-events: none; }
.refah-single__featured figcaption { position: absolute; z-index: 2; inset-inline-end: 22px; inset-block-end: 20px; padding: 8px 12px; color: #fff; background: rgba(8,46,64,.82); font-size: 12px; }
.refah-single__content { max-width: 800px; margin: 64px auto 0; color: #35535f; font-size: 18px; line-height: 2; }
.refah-single__content h2, .refah-single__content h3 { margin-block: 1.8em .7em; }
.refah-single__content blockquote { border-color: var(--refah-coral); background: #fff5e8; }
.refah-single__primary-action { max-width: 800px; margin: 36px auto 0; }
.refah-single__closing { margin-block-start: 90px; padding: clamp(46px, 7vw, 78px); color: rgba(255,255,255,.75); background: linear-gradient(115deg, #245d9c, #15786f); }
.refah-single__closing span { color: var(--refah-sun); font-size: 13px; font-weight: 800; }
.refah-single__closing h2 { max-width: 690px; margin-block: 10px 25px; color: #fff; font-size: clamp(2rem, 3vw, 2.65rem); }

/* Footer rebuilt responsively; logo stays transparent. */
.refah-footer { background: radial-gradient(circle at 82% 15%, rgba(79,193,173,.14), transparent 28%), #082e40; }
.refah-footer::after { content: ''; position: absolute; inset-inline: 0; inset-block-start: 0; height: 5px; background: linear-gradient(90deg, var(--refah-coral), var(--refah-sun), var(--refah-teal), var(--refah-blue)); }
.refah-footer__invitation { grid-template-columns: minmax(0, 8fr) minmax(260px, 4fr); }
.refah-footer__invitation h2 { max-width: 760px; font-size: clamp(2.15rem, 3.6vw, 3rem); }
.refah-footer__grid { grid-template-columns: minmax(250px, 1.35fr) minmax(130px, .65fr) minmax(145px, .7fr) minmax(240px, 1fr); gap: clamp(28px, 4vw, 62px); }
.refah-footer__brand, .refah-footer__column { min-width: 0; }
.refah-footer__brand img { width: 190px; }
.refah-footer__brand p, .refah-footer__contact a, .refah-footer__contact p { overflow-wrap: anywhere; }
.refah-footer__bottom div { flex-wrap: wrap; }
.refah-footer-in-view .refah-mobile-actions { transform: translateY(120%); opacity: 0; pointer-events: none; }

@media (max-width: 1180px) {
	.refah-menu-toggle { display: grid; }
	.refah-hero { min-height: auto; }
	.refah-hero__grid { grid-template-columns: minmax(0,1.08fr) minmax(360px,.92fr); gap: 42px; }
	.refah-hero__visual { min-height: 555px; }
	.refah-service-experience { grid-template-columns: minmax(330px, 5fr) minmax(0, 7fr); gap: 48px; }
	.refah-form-page .refah-entry-content { grid-template-columns: 1fr; }
	.refah-form-page .refah-entry-content > h2, .refah-form-page .refah-entry-content > p, .refah-form-page .refah-entry-content > blockquote, .refah-form-page .refah-entry-content > .refah-form { grid-column: 1; grid-row: auto; }
	.refah-form-page .refah-entry-content > h2, .refah-form-page .refah-entry-content > p, .refah-form-page .refah-entry-content > blockquote { max-width: 680px; }
	.refah-form-page .refah-entry-content::after { width: 100%; height: 42%; inset-block: 0 auto; }
	.refah-footer__grid { grid-template-columns: 1.25fr .75fr .8fr; }
	.refah-footer__contact { grid-column: 1 / -1; }
}

@media (max-width: 980px) {
	:root { --refah-section: clamp(90px, 12vw, 126px); }
	.refah-hero__grid { grid-template-columns: 1fr; }
	.refah-hero__copy { max-width: 780px; }
	.refah-hero__visual { width: min(690px, 100%); min-height: 600px; }
	.refah-hero__visual-note { inset-inline-end: 10px; }
	.refah-service-experience { grid-template-columns: 1fr; }
	.refah-service-experience__stage { position: relative; top: auto; height: 580px; }
	.refah-service-experience__steps { display: grid; grid-template-columns: 1fr 1fr; gap: 0 30px; }
	.refah-service-chapter, .refah-service-chapter:nth-child(even) { min-height: 480px; }
	.refah-programs__layout { grid-template-columns: 1fr; }
	.refah-programs__display { min-height: 600px; }
	.refah-programs__index { display: flex; max-height: none; overflow-x: auto; padding: 0; scroll-snap-type: x mandatory; }
	.refah-program-trigger { flex: 0 0 min(300px, 82vw); min-height: 86px; scroll-snap-align: start; }
	.refah-about-values__flow { flex-wrap: wrap; }
	.refah-about-value, .refah-about-value:nth-child(even) { flex: 1 1 calc(50% - 1px); min-height: 390px; }
	.refah-about-value:hover, .refah-about-value:focus { flex: 1 1 calc(50% - 1px); }
	.refah-story-card { grid-column: span 6; }
	.refah-story-card--feature { grid-column: span 7; }
	.refah-story-card--wide { grid-column: span 5; }
	.refah-event-story { grid-template-columns: 100px 1fr; }
	.refah-event-story__image { grid-row: span 2; }
	.refah-campaign-story, .refah-campaign-story:nth-child(even) { grid-template-columns: 1fr 1fr; }
	.refah-home-projects .refah-archive-grid { grid-template-columns: 1fr 1fr; }
	.refah-home-projects .refah-archive-card:first-child { grid-column: 1 / -1; }
}

@media (max-width: 820px) {
	.refah-site-header { padding: 10px 12px; }
	.refah-header-shell { min-height: 64px; padding: 7px 10px; border-radius: 14px; }
	.refah-logo img { width: 126px; }
	.refah-header-actions .refah-header-benefit, .refah-header-actions > .refah-button { display: none; }
	.refah-offcanvas__panel { width: 100%; }
	.refah-hero { padding-block: 112px 76px; }
	.refah-hero__copy { padding-block-start: 0; }
	.refah-hero__copy h1 { max-width: 620px; font-size: clamp(2.35rem, 7vw, 3.1rem); }
	.refah-hero__visual { min-height: 540px; transform: none; }
	.refah-identity-ribbon__inner { grid-template-columns: 1fr; }
	.refah-values__grid { grid-template-columns: 1fr 1fr; }
	.refah-value:nth-child(2) { border-inline-end: 0; }
	.refah-volunteer__image { clip-path: none; }
	.refah-updates__grid { grid-template-columns: 1fr; }
	.refah-news-feature { min-height: 460px; }
	.refah-journey__intro { position: relative; top: auto; }
	.refah-inner-hero { min-height: 390px; padding-block: 125px 52px; }
	.refah-inner-hero h1 { font-size: clamp(2.25rem, 7vw, 3rem); }
	.refah-about-hero, .refah-services-hero, .refah-hub-hero { min-height: auto; padding-block: 125px 72px; }
	.refah-about-hero__copy h1, .refah-services-hero h1, .refah-hub-hero h1, .refah-program-atlas__hero h1 { font-size: clamp(2.25rem, 7vw, 3rem); }
	.refah-about-hero__visual, .refah-services-hero figure, .refah-join-hero__grid figure { height: 500px; }
	.refah-about-values__flow { display: grid; grid-template-columns: 1fr 1fr; min-height: 0; }
	.refah-about-value, .refah-about-value:nth-child(even) { min-height: 360px; }
	.refah-service-experience__stage { display: none; }
	.refah-service-experience__steps { display: block; border: 0; }
	.refah-service-chapter, .refah-service-chapter:nth-child(even) { min-height: 0; padding-block: 48px; opacity: 1; transform: none; }
	.refah-service-chapter__mobile-image { display: block; height: 360px; margin: 0 0 34px; overflow: hidden; border-radius: 14px 70px 14px 14px; }
	.refah-service-chapter__mobile-image img { width: 100%; height: 100%; object-fit: cover; }
	.refah-service-chapter__content header { justify-content: flex-start; }
	.refah-service-chapter h3 { font-size: clamp(1.8rem, 6vw, 2.35rem); }
	.refah-campaign-story, .refah-campaign-story:nth-child(even) { grid-template-columns: 1fr; }
	.refah-campaign-story:nth-child(even) .refah-campaign-story__image { order: 0; }
	.refah-campaign-story__image, .refah-campaign-story:nth-child(even) .refah-campaign-story__image { min-height: 380px; clip-path: none; }
	.refah-story-card, .refah-story-card--feature, .refah-story-card--wide { grid-column: span 6; grid-row: auto; }
	.refah-media-grid--archive { grid-template-columns: 1fr 1fr; grid-auto-rows: 220px; }
	.refah-media-grid--archive .refah-media-tile, .refah-media-grid--archive .refah-media-tile:nth-child(n) { grid-column: span 1; grid-row: span 2; }
	.refah-document-center__heading { grid-template-columns: 1fr; }
	.refah-document-center__heading > span { grid-row: auto; }
	.refah-document-row { grid-template-columns: 70px 1fr; }
	.refah-document-row > .refah-button, .refah-document-row__pending { grid-column: 2; justify-self: start; }
	.refah-single__lead { grid-template-columns: 1fr; gap: 8px; }
	.refah-form-page .refah-entry-content { padding-block-start: 150px; border-radius: 16px 66px 16px 16px; }
	.refah-form-page .refah-entry-content::after { height: 210px; opacity: .29; }
	.refah-footer__invitation { grid-template-columns: 1fr; gap: 30px; }
	.refah-footer__invitation-actions { justify-content: flex-start; }
	.refah-footer__grid { grid-template-columns: 1fr 1fr; gap: 42px 28px; }
	.refah-footer__brand, .refah-footer__contact { grid-column: 1 / -1; }
}

@media (max-width: 600px) {
	:root { --refah-gutter: 18px; --refah-section: 88px; }
	body { font-size: 16px; }
	h1 { font-size: clamp(2rem, 9.5vw, 2.35rem); }
	h2 { font-size: clamp(1.75rem, 7.5vw, 2.15rem); }
	.refah-section-heading { margin-block-end: 40px; }
	.refah-button { min-height: 50px; padding-inline: 18px; }
	.refah-offcanvas__panel { padding: 18px 20px 30px; }
	.refah-offcanvas__head { padding-block-end: 16px; }
	.refah-offcanvas .refah-logo img { width: 126px; }
	.refah-menu-close { width: 44px; height: 44px; }
	.refah-offcanvas__eyebrow { margin-block-end: 4px; }
	.refah-mobile-nav { padding-block: 18px; }
	.refah-mobile-nav__list > li > a { min-height: 51px; font-size: 20px; }
	.refah-mobile-submenu-toggle { inset-block-start: 4px; }
	.refah-offcanvas__actions { grid-template-columns: 1fr; }
	.refah-offcanvas__foot { margin-block-start: 20px; }
	.refah-hero { padding-block: 108px 64px; }
	.refah-hero__copy h1 { font-size: clamp(2.15rem, 10.5vw, 2.6rem); line-height: 1.3; }
	.refah-hero__copy > p { font-size: 16.5px; line-height: 1.9; }
	.refah-hero__actions { grid-template-columns: 1fr 1fr; }
	.refah-hero__visual { min-height: 455px; }
	.refah-hero__main-image { inset-inline: 6% 8%; }
	.refah-hero__micro-image { width: 150px; inset-inline-start: 0; }
	.refah-hero__visual-note { min-width: 142px; inset-inline-end: 0; inset-block-end: 42px; padding: 12px 14px; }
	.refah-hero__orb { width: 78px; }
	.refah-values__grid { grid-template-columns: 1fr; }
	.refah-value { min-height: 0; border-inline-end: 0; }
	.refah-audiences__image { border-radius: 70px 12px 70px 12px; }
	.refah-programs__display { min-height: 520px; border-radius: 15px 64px 15px 15px; }
	.refah-programs__display-content { inset-inline: 24px; inset-block-end: 30px; }
	.refah-programs__display h2, .refah-programs__display h3 { font-size: 2rem; }
	.refah-step { grid-template-columns: 34px 54px 1fr; gap: 10px; }
	.refah-donation-story__grid { min-height: auto; }
	.refah-donation-story__image { min-height: 390px; clip-path: none; }
	.refah-volunteer__panel { border-radius: 14px 60px 14px 14px; }
	.refah-news-feature { min-height: 390px; border-radius: 12px 54px 12px 12px; }
	.refah-news-feature__content { inset-inline: 20px; inset-block-end: 20px; }
	.refah-event-row { grid-template-columns: 76px 1fr 18px; gap: 14px; }
	.refah-event-date { min-height: 74px; }
	.refah-home-projects .refah-archive-grid { grid-template-columns: 1fr; }
	.refah-media-grid, .refah-media-grid--archive { grid-template-columns: 1fr; }
	.refah-media-grid--archive .refah-media-tile, .refah-media-grid--archive .refah-media-tile:nth-child(n) { grid-column: 1; grid-row: span 2; }
	.refah-inner-hero { min-height: 360px; padding-block: 116px 46px; }
	.refah-inner-hero h1, .refah-about-hero__copy h1, .refah-services-hero h1, .refah-hub-hero h1, .refah-program-atlas__hero h1 { font-size: clamp(2.05rem, 10vw, 2.4rem); line-height: 1.3; }
	.refah-inner-hero__content > p { font-size: 16px; }
	.refah-about-hero__visual, .refah-services-hero figure, .refah-join-hero__grid figure { height: 400px; }
	.refah-about-hero__stamp { width: 116px; height: 116px; }
	.refah-about-nav { inset-block-start: 80px; }
	.refah-about-values__flow { grid-template-columns: 1fr; }
	.refah-about-value, .refah-about-value:nth-child(even) { min-height: 300px; border-inline-end: 0; border-block-end: 1px solid rgba(18,61,80,.14); }
	.refah-about-value__mark { min-height: 150px; }
	.refah-about-value h3 { font-size: 28px; }
	.refah-service-chapter__mobile-image { height: 290px; }
	.refah-service-chapter__content header { align-items: flex-start; flex-direction: column; }
	.refah-form-page { padding-block: 76px; }
	.refah-form-page__mood { inset-block-start: 24px; }
	.refah-form-page .refah-entry-content { margin: 0; padding: 132px 18px 24px; border-radius: 12px 46px 12px 12px; }
	.refah-form-page .refah-entry-content::after { height: 185px; }
	.refah-form { padding: 24px 17px; border-radius: 10px; }
	.refah-form__grid { grid-template-columns: 1fr; }
	.refah-archive { padding-block: 72px; }
	.refah-archive-toolbar { align-items: stretch; flex-direction: column; }
	.refah-archive-toolbar form { display: grid; grid-template-columns: 1fr; }
	.refah-story-card, .refah-story-card--feature, .refah-story-card--wide { grid-column: 1 / -1; }
	.refah-campaign-story__image { min-height: 300px; }
	.refah-campaign-story > div { padding: 30px 22px; }
	.refah-event-story { grid-template-columns: 78px 1fr; gap: 18px; }
	.refah-event-story > time { min-height: 92px; }
	.refah-event-story > time b { font-size: 32px; }
	.refah-event-story__image { grid-column: 1 / -1; grid-row: auto; aspect-ratio: 1.55; }
	.refah-event-story > div { grid-column: 1 / -1; }
	.refah-document-row { grid-template-columns: 54px 1fr; gap: 14px; padding-block: 18px; }
	.refah-document-row__icon { min-height: 58px; }
	.refah-single__featured { border-radius: 8px 48px 8px 8px; }
	.refah-single__content { margin-block-start: 42px; font-size: 17px; }
	.refah-single__closing { margin-block-start: 65px; padding: 36px 22px; }
	.refah-footer__invitation { padding-block: 70px; }
	.refah-footer__invitation h2 { font-size: clamp(1.85rem, 8.5vw, 2.2rem); }
	.refah-footer__invitation-actions { display: grid; grid-template-columns: 1fr; }
	.refah-footer__grid { grid-template-columns: 1fr; gap: 38px; padding-block: 52px 42px; }
	.refah-footer__brand, .refah-footer__contact { grid-column: auto; }
	.refah-footer__brand p { max-width: none; }
	.refah-footer__bottom { flex-direction: column; align-items: flex-start; }
	.refah-footer__bottom div { gap: 12px 20px; }
}

@media (max-width: 430px) {
	.refah-hero__actions { grid-template-columns: 1fr; }
	.refah-hero__actions .refah-button:first-child { grid-column: auto; }
	.refah-hero__visual { min-height: 415px; }
	.refah-hero__main-image { inset-inline: 3% 10%; }
	.refah-hero__visual-note { display: none; }
	.refah-program-trigger { flex-basis: 84vw; }
	.refah-media-feature__lead { min-height: 470px; }
	.refah-footer__invitation-actions .refah-button { width: 100%; }
}

@media (max-width: 390px) {
	.refah-header-shell { padding-inline: 9px; }
	.refah-logo img { width: 118px; }
	.refah-menu-toggle { width: 46px; height: 46px; }
	.refah-hero__copy h1 { font-size: 2.18rem; }
	.refah-hero__visual { min-height: 390px; }
	.refah-hero__micro-image { width: 132px; }
	.refah-mobile-actions a { font-size: 11px; }
	.refah-form-page .refah-entry-content { padding-inline: 14px; }
	.refah-footer__grid { width: calc(100% - 36px); }
}

@media (max-width: 360px) {
	:root { --refah-gutter: 15px; }
	.refah-hero__copy h1 { font-size: 2.05rem; }
	.refah-hero__visual { min-height: 360px; }
	.refah-hero__micro-image { width: 118px; }
	.refah-offcanvas__panel { padding-inline: 16px; }
	.refah-mobile-nav__list > li > a { font-size: 19px; }
	.refah-footer__grid { width: calc(100% - 30px); }
}

@media (prefers-reduced-motion: reduce) {
	.refah-service-experience__image, .refah-service-chapter, .refah-about-value, .refah-story-card__image img, .refah-campaign-story__image img, .refah-event-story__image img, .refah-lightbox, .refah-mobile-actions { transition: none !important; }
}

/* Final unified inner-page hero language: full-bleed photography + Refah color veil. */
.refah-inner-hero,
.refah-about-hero,
.refah-services-hero,
.refah-program-atlas__hero,
.refah-hub-hero {
	--page-hero-image: url('../images/hero-care.webp');
	position: relative;
	min-height: 590px;
	display: flex;
	align-items: flex-end;
	padding-block: 180px 82px;
	overflow: hidden;
	color: rgba(255,255,255,.78);
	background-image: linear-gradient(90deg, rgba(8,46,64,.38) 0%, rgba(8,46,64,.78) 52%, rgba(8,46,64,.96) 100%), var(--page-hero-image);
	background-position: center;
	background-size: cover;
}
.refah-inner-hero::before,
.refah-about-hero::after,
.refah-services-hero::after,
.refah-program-atlas__hero::after,
.refah-hub-hero::after { content: ''; position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.13) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.13) 1px, transparent 1px); background-size: 68px 68px; mask-image: linear-gradient(#000, transparent 88%); pointer-events: none; }
.refah-inner-hero__wash { display: none; }
.refah-inner-hero::after { width: 390px; height: 230px; inset-inline: auto -105px; inset-block: auto -145px; border-color: rgba(79,193,173,.34); }
.refah-inner-hero h1,
.refah-about-hero h1,
.refah-services-hero h1,
.refah-program-atlas__hero h1,
.refah-hub-hero h1 { max-width: 790px; color: #fff; font-size: clamp(2.7rem, 4vw, 3.45rem); line-height: 1.27; text-shadow: 0 4px 30px rgba(0,0,0,.22); }
.refah-inner-hero p,
.refah-about-hero__copy p,
.refah-services-hero p,
.refah-program-atlas__hero p,
.refah-hub-hero p { max-width: 720px; color: rgba(255,255,255,.78); font-size: 18px; }
.refah-inner-hero .refah-kicker,
.refah-about-hero .refah-kicker,
.refah-services-hero .refah-kicker,
.refah-program-atlas__hero .refah-kicker,
.refah-hub-hero .refah-kicker { color: #8fe4d5; }
.refah-breadcrumbs, .refah-breadcrumbs a { color: rgba(255,255,255,.74); }
.refah-about-hero__grid,
.refah-services-hero__grid,
.refah-governance-hero__grid,
.refah-join-hero__grid { position: relative; z-index: 2; display: block; }
.refah-about-hero__copy,
.refah-services-hero__grid > div,
.refah-governance-hero__grid > div,
.refah-join-hero__grid > div { max-width: 840px; }
.refah-about-hero__visual,
.refah-services-hero figure,
.refah-governance-orbit,
.refah-join-hero__grid figure { display: none; }
.refah-about-hero { --page-hero-image: url('../images/medical-team.webp'); background-position: center 44%; }
.refah-services-hero { --page-hero-image: url('../images/middle-east-clinic.webp'); }
.refah-program-atlas__hero { --page-hero-image: url('../images/consultation.webp'); }
.refah-hub-hero--media { --page-hero-image: url('../images/volunteer.webp'); }
.refah-hub-hero--governance { --page-hero-image: url('../images/hero-care.webp'); }
.refah-hub-hero--join { --page-hero-image: url('../images/volunteer.webp'); }
.refah-page--beneficiary-request .refah-inner-hero { --page-hero-image: url('../images/consultation.webp'); }
.refah-page--donate .refah-inner-hero { --page-hero-image: url('../images/family-support.webp'); }
.refah-page--volunteer .refah-inner-hero { --page-hero-image: url('../images/volunteer.webp'); }
.refah-page--membership .refah-inner-hero { --page-hero-image: url('../images/medical-team.webp'); }
.refah-page--partnership .refah-inner-hero { --page-hero-image: url('../images/middle-east-clinic.webp'); }
.refah-page--contact .refah-inner-hero { --page-hero-image: url('../images/hijabi-doctor.webp'); background-position: center 30%; }
.refah-archive-context--refah_project .refah-inner-hero, .refah-single-context--refah_project .refah-inner-hero { --page-hero-image: url('../images/medical-team.webp'); }
.refah-archive-context--refah_campaign .refah-inner-hero, .refah-single-context--refah_campaign .refah-inner-hero { --page-hero-image: url('../images/family-support.webp'); }
.refah-archive-context--refah_event .refah-inner-hero, .refah-single-context--refah_event .refah-inner-hero { --page-hero-image: url('../images/volunteer.webp'); }
.refah-archive-context--refah_media .refah-inner-hero { --page-hero-image: url('../images/family-support.webp'); }
.refah-archive-context--refah_document .refah-inner-hero { --page-hero-image: url('../images/hero-care.webp'); }
.refah-single-context--post .refah-inner-hero { --page-hero-image: url('../images/medical-team.webp'); }
body[class*="refah-page--"] .refah-inner-hero,
body[class*="refah-archive-context--"] .refah-inner-hero,
body[class*="refah-single-context--"] .refah-inner-hero {
	background-color: #082e40;
	background-image: linear-gradient(90deg, rgba(8,46,64,.38) 0%, rgba(8,46,64,.78) 52%, rgba(8,46,64,.96) 100%), var(--page-hero-image);
	background-position: center;
	background-size: cover;
}
.refah-hub-hero--media nav { position: relative; z-index: 2; }

/* Governance is the only document center: live filters + expressive file cards. */
.refah-governance-documents { overflow: hidden; background: linear-gradient(145deg, #fffdf9, #eef7ff); }
.refah-governance-documents::before { content: ''; position: absolute; width: 520px; height: 520px; inset-inline-start: -330px; inset-block-start: 190px; border: 46px solid rgba(79,134,201,.08); border-radius: 50%; }
.refah-governance-documents__intro { position: relative; display: grid; grid-template-columns: 7fr 5fr; align-items: end; gap: 55px; margin-block-end: 42px; }
.refah-governance-documents__intro h2 { max-width: 660px; }
.refah-governance-documents__intro > p { max-width: 520px; margin: 0; color: var(--refah-muted); }
.refah-governance-filter { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(260px,1.5fr) minmax(150px,.55fr) minmax(125px,.45fr) auto auto; gap: 10px; align-items: end; margin-block-end: 48px; padding: 18px; color: rgba(255,255,255,.76); background: linear-gradient(112deg, #082e40, #174e61); box-shadow: 0 24px 70px rgba(8,46,64,.18); }
.refah-governance-filter label { display: grid; gap: 6px; min-width: 0; }
.refah-governance-filter label > span { font-size: 11px; font-weight: 800; }
.refah-governance-filter__search { position: relative; }
.refah-governance-filter__search i { position: absolute; z-index: 2; inset-inline-start: 16px; inset-block-end: 17px; color: var(--refah-teal); }
.refah-governance-filter input, .refah-governance-filter select { width: 100%; min-height: 52px; padding: 12px 16px; border: 1px solid rgba(255,255,255,.16); border-radius: 6px; outline: 0; color: #fff; background: rgba(255,255,255,.09); }
.refah-governance-filter__search input { padding-inline-start: 46px; }
.refah-governance-filter input::placeholder { color: rgba(255,255,255,.57); }
.refah-governance-filter select option { color: var(--refah-ink); background: #fff; }
.refah-governance-filter input:focus, .refah-governance-filter select:focus { border-color: var(--refah-teal); box-shadow: 0 0 0 3px rgba(79,193,173,.18); }
.refah-governance-filter > button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 52px; padding: 10px 15px; border: 1px solid rgba(255,255,255,.18); border-radius: 6px; color: #fff; background: transparent; cursor: pointer; }
.refah-governance-filter > p { min-width: 94px; margin: 0; padding-block: 10px; text-align: center; }
.refah-governance-filter > p strong { display: block; color: var(--refah-sun); font-size: 24px; line-height: 1; }
.refah-governance-filter > p span { font-size: 11px; }
.refah-governance-document-grid { position: relative; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.refah-governance-document-card { position: relative; display: flex; flex-direction: column; min-height: 360px; padding: 26px; overflow: hidden; border: 1px solid rgba(18,61,80,.14); border-radius: 8px 64px 8px 8px; background: rgba(255,255,255,.82); transition: translate .3s var(--refah-ease), box-shadow .3s, border-color .3s; }
.refah-governance-document-card:nth-child(3n+2) { border-radius: 8px; background: #edf7ff; }
.refah-governance-document-card:nth-child(3n+3) { border-radius: 64px 8px 8px 8px; background: #e9f9f4; }
.refah-governance-document-card::before { content: ''; position: absolute; width: 150px; height: 150px; inset-inline-end: -96px; inset-block-start: -96px; border: 20px solid rgba(79,134,201,.09); border-radius: 50%; }
.refah-governance-document-card:hover { translate: 0 -5px; border-color: rgba(79,134,201,.38); box-shadow: 0 24px 60px rgba(8,46,64,.12); }
.refah-governance-document-card > header { display: flex; align-items: center; gap: 12px; color: var(--refah-blue-deep); }
.refah-governance-document-card > header > span { margin-inline-end: auto; color: rgba(18,61,80,.32); font-size: 28px; font-weight: 800; }
.refah-governance-document-card > header i { font-size: 28px; }
.refah-governance-document-card > header small { padding: 4px 7px; color: #fff; background: var(--refah-coral); font-size: 9px; font-weight: 800; }
.refah-governance-document-card > div { margin-block: auto; padding-block: 34px 24px; }
.refah-governance-document-card > div > p:first-child { margin-block-end: 8px; color: var(--refah-teal-deep); font-size: 12px; font-weight: 700; }
.refah-governance-document-card h3 { font-size: 22px; }
.refah-governance-document-card > div > p:last-child { margin-block-start: 10px; color: var(--refah-muted); font-size: 14px; }
.refah-governance-document-card > footer { padding-block-start: 16px; border-block-start: 1px solid rgba(18,61,80,.13); }
.refah-governance-document-card > footer a { display: flex; align-items: center; justify-content: space-between; color: var(--refah-ink); font-weight: 800; }
.refah-governance-document-card > footer a i { color: var(--refah-blue); transition: transform .25s; }
.refah-governance-document-card > footer a:hover i { transform: translateY(3px); }
.refah-governance-documents__empty { padding: 70px 20px; color: var(--refah-muted); text-align: center; }
.refah-governance-documents__empty i { color: var(--refah-blue); font-size: 36px; }
[data-document-card][hidden], [data-document-empty][hidden] { display: none !important; }

/* Contain decorative width while preserving intentional horizontal scrollers. */
.refah-hero__copy h1 { max-width: 520px; }
.refah-identity-ribbon, .refah-programs, .refah-journey, .refah-partners, .refah-footer { overflow-x: clip; }

@media (max-width: 980px) {
	.refah-governance-document-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.refah-governance-filter { grid-template-columns: 1fr 1fr; }
	.refah-governance-filter__search { grid-column: 1 / -1; }
	.refah-governance-filter > p { justify-self: end; }
}

@media (max-width: 820px) {
	.refah-inner-hero, .refah-about-hero, .refah-services-hero, .refah-program-atlas__hero, .refah-hub-hero { min-height: 500px; padding-block: 132px 62px; background-image: linear-gradient(90deg, rgba(8,46,64,.58), rgba(8,46,64,.92)), var(--page-hero-image); }
	.refah-governance-documents__intro { grid-template-columns: 1fr; gap: 14px; }
}

@media (min-width: 821px) {
	.refah-hero__copy h1 { max-width: 445px; }
}

@media (max-width: 600px) {
	.refah-inner-hero, .refah-about-hero, .refah-services-hero, .refah-program-atlas__hero, .refah-hub-hero { min-height: 460px; padding-block: 118px 48px; background-position: center; }
	.refah-inner-hero h1, .refah-about-hero h1, .refah-services-hero h1, .refah-program-atlas__hero h1, .refah-hub-hero h1 { font-size: clamp(2.05rem, 10vw, 2.4rem); }
	.refah-inner-hero p, .refah-about-hero__copy p, .refah-services-hero p, .refah-program-atlas__hero p, .refah-hub-hero p { font-size: 16px; }
	.refah-governance-filter { grid-template-columns: 1fr; padding: 14px; }
	.refah-governance-filter__search { grid-column: auto; }
	.refah-governance-filter > p { justify-self: start; display: flex; align-items: center; gap: 7px; }
	.refah-governance-document-grid { grid-template-columns: 1fr; }
	.refah-governance-document-card { min-height: 320px; border-radius: 7px 48px 7px 7px; }
}