*{box-sizing:border-box}
html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--reffaq-page);color:var(--reffaq-ink);-webkit-text-size-adjust:100%}
html[lang="ar"]{font-family:var(--mag-font-arabic,"Tajawal","Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif)}
body{margin:0;min-width:0;overflow-x:hidden}
a{color:inherit}
.home-shell{width:min(1120px,calc(100% - 32px));margin:auto;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
.skip-link{position:absolute;inset-inline-start:-9999px}
.skip-link:focus{inset-inline-start:16px;top:12px;z-index:30;background:#fff;color:var(--reffaq-forest);padding:9px 12px;border-radius:10px;box-shadow:0 8px 22px rgba(5,47,40,.16)}
.home-header{padding-top:env(safe-area-inset-top,0px);background:#fff;border-bottom:1px solid var(--reffaq-line)}
.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:900;font-size:1.22rem;color:var(--reffaq-forest);letter-spacing:-.01em;white-space:nowrap}
.brand-icon{width:42px;height:42px;border-radius:12px;display:block;flex:0 0 auto;box-shadow:0 4px 14px rgba(5,47,40,.12)}
.brand span{display:block;font-size:.7rem;font-weight:700;color:var(--reffaq-muted);direction:ltr}
.header-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
main.home-shell{padding:34px 0 54px}
.home-hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(216,182,106,.5);border-radius:28px;background:#063f55 url("/assets/images/reffaq-global-health-cover.webp") center/cover no-repeat;min-height:clamp(420px,54vw,590px);padding:clamp(30px,6vw,70px);display:flex;align-items:flex-end;box-shadow:0 18px 48px rgba(5,47,40,.14)}
.home-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(3,31,52,.24) 0%,rgba(4,43,52,.58) 48%,rgba(3,47,40,.96) 100%);pointer-events:none}
.home-hero:after{content:"";position:absolute;z-index:-1;inset:10px;border:1px solid rgba(255,255,255,.2);border-radius:20px;pointer-events:none}
.hero-copy{max-width:700px}
.eyebrow{position:relative;color:#f2cf78;font-weight:850;font-size:.96rem;line-height:1.55;text-shadow:0 1px 10px rgba(0,0,0,.3)}
.home-hero h1{position:relative;margin:.4rem 0 1rem;color:#fff;font-size:clamp(2rem,5.4vw,4rem);line-height:1.12;text-wrap:balance;text-shadow:0 2px 20px rgba(0,0,0,.32)}
.home-hero p{position:relative;max-width:720px;margin:0;color:#f2f7f5;font-size:clamp(1rem,2vw,1.12rem);line-height:1.78;text-shadow:0 1px 12px rgba(0,0,0,.34);text-wrap:pretty}
html[lang="ar"] .home-hero p{line-height:1.82}
.hero-actions{position:relative;display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}
.root-grid{margin-bottom:34px}
.home-card{background:#fff;border:1px solid var(--reffaq-line);border-radius:20px;padding:24px;box-shadow:0 10px 28px rgba(5,47,40,.045)}
.home-card h2{margin:0 0 10px;font-size:1.08rem;line-height:1.45;color:var(--reffaq-forest)}
.home-card p{margin:0;color:var(--reffaq-muted);line-height:1.78;font-size:.93rem}
html[lang="ar"] .home-card p{line-height:1.85}
.home-card p.card-link-row{margin-top:12px}
.home-card a{color:var(--reffaq-green);font-weight:800;text-decoration-thickness:1px;text-underline-offset:4px}
.home-footer{padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid var(--reffaq-line);background:#fff}
.footer-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:var(--reffaq-muted);font-size:.78rem}
.brand:focus-visible,.home-card a:focus-visible{outline:3px solid var(--reffaq-green);outline-offset:3px}
@media(max-width:720px){
  .home-shell{width:min(100% - 28px,1120px)}
  main.home-shell{padding:14px 0 34px}
  .header-inner{align-items:flex-start;flex-direction:column;justify-content:center;gap:8px;padding-block:10px}
  .header-tools{display:grid;grid-template-columns:1fr;width:100%;gap:6px}
  .home-hero{min-height:auto;padding:26px 18px 18px;border-radius:20px;background-position:54% center}
  .home-hero:after{inset:8px;border-radius:15px}
  .eyebrow{font-size:.86rem}
  .home-hero h1{font-size:clamp(1.8rem,8.6vw,2.18rem);line-height:1.11;margin:.4rem 0 .72rem}
  .home-hero p{font-size:.97rem;line-height:1.6}
  .hero-actions{display:grid;grid-template-columns:1fr;margin-top:16px}
  .home-grid{grid-template-columns:1fr;gap:10px;margin-top:14px}
  .home-card{padding:18px;border-radius:18px}
  .home-card h2{font-size:1.05rem}
  .home-card p{font-size:.94rem}
  .footer-inner{min-height:74px;align-items:flex-start;flex-direction:column;justify-content:center;padding-block:14px}
}