@import url('https://fonts.bunny.net/css?family=tajawal:400,500,700,800&display=swap');
:root{--green:#0c8962;--dark:#123d35;--ink:#203d37;--muted:#64776f;--line:#deE8e2;--light:#f4f8f5;--gold:#b79a5d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:165px}body{margin:0;background:#fff;color:var(--ink);font-family:Tajawal,Arial,sans-serif;font-size:17px;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;object-fit:contain}svg{width:28px;height:28px;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.5}h1{font-size:42px;font-weight:800}h2{font-size:32px;font-weight:800}h3{font-size:22px}p{color:var(--muted)}.container{width:min(1240px,calc(100% - 80px));margin:auto}.official{background:#f0f5f1;font-size:12px;color:#50635c;border-top:4px solid var(--green)}.official .container{display:flex;justify-content:space-between;padding-block:5px}.header{position:sticky;top:0;z-index:20;background:#fffffffa;box-shadow:0 2px 10px #143d3508;backdrop-filter:blur(12px)}.brand-row{display:flex;align-items:center;justify-content:space-between;padding-block:18px}.brand{display:flex;align-items:center;gap:20px}.brand img{width:88px;height:66px}.brand strong{display:block;font-size:23px;font-weight:800;line-height:1.4}.brand small{display:block;font-size:13px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:11px 23px;background:var(--green);color:white;border:1px solid var(--green);border-radius:7px;font-weight:700;transition:background .2s,transform .2s}.button:hover{background:#076e4f;transform:translateY(-2px)}.button.outline{color:var(--green);background:transparent;border-color:#bdd5c9}.button.outline:hover{background:#e7f3ed}.nav{border-top:1px solid #edf1ee}.nav-links{display:flex;gap:34px;align-items:center;min-height:49px;font-size:14px;font-weight:700}.nav a:hover{color:var(--green)}.menu-toggle{display:none}.hero{background:linear-gradient(110deg,#edf5ee,#f7faf7 65%);position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;padding-block:72px 60px;min-height:510px}.eyebrow{font-size:13px;letter-spacing:.3px;font-weight:700;color:var(--green);display:block;margin-bottom:15px}.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-left:8px}.hero h1{font-size:60px;letter-spacing:-1.5px;color:var(--dark);margin-bottom:15px}.hero h2{font-size:25px;max-width:520px;line-height:1.6}.hero-copy>p{max-width:610px;font-size:17px;line-height:1.95;margin-top:18px}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:30px;font-size:14px}.text-link{color:var(--green);font-weight:700}.text-link:hover{text-decoration:underline}.hero-art{height:330px;position:relative;display:grid;place-items:center;isolation:isolate}.orbit{position:absolute;border:1px solid #b3d0ba;border-radius:50%;width:300px;height:300px}.orbit-one{transform:rotate(-25deg);width:380px;height:255px}.orbit-two{transform:rotate(35deg);width:300px;height:365px}.dot-field{position:absolute;inset:-20px 0;background-image:radial-gradient(#b5cbb5 1.5px,transparent 1.5px);background-size:17px 17px;mask-image:radial-gradient(ellipse,#0003,transparent 70%);z-index:-1}.art-center{background:linear-gradient(140deg,#0e9068,#07573f);border-radius:50%;width:238px;height:238px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;box-shadow:0 25px 65px #14664320;outline:14px solid #e0ebe170}.art-center svg{width:58px;height:58px;color:#cae6b4;margin-bottom:13px}.art-center strong{font-size:25px}.art-center small{font-size:12px;color:#d0e6db}.art-tag{position:absolute;background:white;padding:10px 22px;border:1px solid #e3ece4;border-radius:8px;font-size:14px;box-shadow:0 8px 24px #294d3910;font-weight:700}.tag-one{top:5px;right:2px}.tag-two{left:-4px;top:160px}.tag-three{bottom:-5px;right:22px}.hero-photo{width:100%;height:100%;object-fit:cover;border-radius:22px}.hero-bottom{display:flex;gap:45px;border-top:1px solid #dae6da;padding-block:15px;font-size:13px;color:#5c7767}.hero-bottom span:before{content:'✦';margin-left:10px;color:var(--gold)}.section{padding-block:78px;scroll-margin-top:10px}.section-heading{margin-bottom:28px}.section-heading .eyebrow{margin-bottom:8px;font-size:11px;letter-spacing:.5px}.section-heading h2{font-size:30px}.section-intro{margin-top:-15px;margin-bottom:28px}.grid{display:grid;gap:22px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid var(--line);border-radius:12px;padding:28px;background:white}.card h3{margin:12px 0}.card p{font-size:15px;line-height:1.9}.icon{width:52px;height:52px;border-radius:12px;background:#eaf4ee;display:grid;place-items:center;color:var(--green)}.card ul{padding-right:20px;font-size:15px;color:var(--muted);line-height:2.1}.card li::marker{color:var(--green)}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:65px}.lead{font-size:23px;line-height:1.9}.lead strong{color:var(--green);font-weight:500}.connected{text-align:center}.root-node{display:inline-block;padding:12px 30px;color:var(--green);background:#edf5ef;border:1px solid #d7e5d9;border-radius:8px;position:relative;margin-bottom:34px}.root-node:after{content:'';height:34px;position:absolute;bottom:-35px;left:50%;width:1px;background:#bdcfbf}.connected-cards{display:flex;justify-content:space-between;position:relative;gap:8px}.connected-cards:before{content:'';position:absolute;left:9%;right:9%;top:-12px;height:1px;background:#bdcfbf}.connected-cards>div{position:relative;border:1px solid #d9e5dc;background:white;border-radius:8px;padding:12px;flex:1;font-size:14px}.connected-cards>div:before{content:'';position:absolute;left:50%;top:-12px;height:12px;width:1px;background:#bdcfbf}.section-why{padding-top:0}.number{font-size:42px;color:#b9c9b9;font-weight:500;line-height:1}.why-grid .card{background:#f7f9f6;border:0}.why-grid h3{font-size:21px;max-width:260px}.section-pillars,.section-library{background:var(--light)}.section-values{background:var(--dark);color:white}.section-values .eyebrow{color:#a2d8b6}.section-values .section-intro{color:#bbd2c5}.values-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.value-card{padding:25px 20px;background:#ffffff07;border-color:#ffffff22}.value-card h3{font-size:21px;color:#fff}.value-card p{color:#cadbd1;font-size:14px}.value-card .icon{background:#ffffff0f;color:#b0d6b4}.value-card:nth-child(2) .icon{color:#d6cba5}.value-card:nth-child(3) .icon{color:#c8b6d7}.value-card:nth-child(4) .icon{color:#b1d8e1}.health-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.large{font-size:33px;margin-bottom:18px}.ohi-note{border-right:3px solid var(--green);padding:18px 24px;background:var(--light);margin-top:24px}.ohi-note .eyebrow{font-size:10px;margin-bottom:5px}.ohi-note h3{font-size:20px}.ohi-note p{font-size:15px}.ohi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.ohi-cell{border:1px solid var(--line);border-radius:10px;background:#f7faf7;min-height:126px;padding:16px;display:flex;flex-direction:column;justify-content:space-between}.ohi-cell span{font-size:13px;color:#7d998a}.ohi-cell strong{font-size:16px}.ohi-cell:nth-child(5){background:var(--green);color:white}.ohi-cell:nth-child(5) span{color:#d4e8dc}.themes{margin-top:36px;border-block:1px solid var(--line);padding-block:24px}.themes>div{border-left:1px solid var(--line);padding-right:24px}.themes>div:last-child{border:0}.themes h3{color:var(--green);font-size:21px}.themes p{font-size:14px}.section-programs{background:#fafbf8}.section-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:-10px 0 28px}.empty{grid-column:1/-1;border:1px dashed #cad9cd;border-radius:12px;padding:35px;text-align:center;background:#ffffff70}.empty svg{width:38px;height:38px;color:#7f9f87}.empty h3{font-size:21px;margin:10px 0 5px}.empty p{font-size:15px}.entry-card{padding:0;overflow:hidden}.cover{display:block;aspect-ratio:5/3;overflow:hidden;background:#e8f2ec}.cover img{width:100%;height:100%;object-fit:cover}.cover-placeholder{height:100%;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;color:var(--green);background:radial-gradient(circle at 0 0,#c5dbc4,transparent 70%),#edf4ed}.cover-placeholder svg{width:50px;height:50px}.entry-body{padding:24px}.entry-body .text-link{display:block;border-top:1px solid var(--line);padding-top:15px;margin-top:18px}.entry-body small{color:var(--muted)}.badge{font-size:12px;padding:3px 12px;background:#eaf4ec;color:#08764d;border-radius:30px}time{font-size:14px;color:var(--muted)}.ambassador-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;align-items:center}.qualities>div{display:flex;align-items:center;gap:12px;background:var(--light);border-radius:9px;padding:20px;font-size:16px}.qualities svg{color:var(--green);width:25px}.section-beneficiary{background:#f9faf7}.service-list{border-top:1px solid var(--line)}.service-list>div{display:flex;align-items:center;gap:25px;padding:23px 0;border-bottom:1px solid var(--line)}.service-list span{color:#95aa94;font-size:24px}.service-list h3{font-size:19px;flex:1}.service-list svg{color:var(--green);width:22px}.document>svg{color:var(--green);width:36px;height:36px}.document .text-link{display:block;margin-top:20px}.cta{background:#0b805a;color:white;padding:48px 0}.cta .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta .eyebrow{color:#d0e7bd;margin-bottom:5px}.cta h2{font-size:32px}.cta p{color:#daece1;margin-top:8px}.white{background:#fff;color:var(--green);border-color:white;flex-shrink:0}.white:hover{background:#e3f2e7}footer{background:#103a30;color:white;padding-top:45px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:35px}.footer-top small{color:#b4ccc1}.footer-links{display:flex;gap:30px;font-size:14px}.copyright{border-top:1px solid #ffffff22;padding-block:18px;display:flex;justify-content:space-between;color:#a8c2b5;font-size:12px}.detail{max-width:950px}.detail>h1{margin-top:25px}.detail>p{margin-block:15px}.detail-cover{width:100%;height:auto;max-height:530px;object-fit:cover;border-radius:15px;margin-block:25px}.detail-block{padding-block:25px;border-bottom:1px solid var(--line)}.detail-block h2{font-size:24px;margin-bottom:15px}.pre-line{white-space:pre-line}.gallery-image{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:10px}.pagination nav{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:35px}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link:focus{position:fixed;z-index:99;background:#fff;padding:15px}a:focus-visible,button:focus-visible{outline:3px solid #bf9948;outline-offset:4px}
@media(min-width:1500px){.hero-grid{padding-block:85px}.hero h1{font-size:68px}}
@media(max-width:1100px){.container{width:calc(100% - 48px)}.nav-links{gap:20px;font-size:12px}.hero-grid{gap:30px}.hero h1{font-size:49px}.hero h2{font-size:22px}.hero-art{transform:scale(.85)}.hero-actions{gap:10px}.values-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.health-layout,.ambassador-layout,.about-grid{gap:30px}.card{padding:22px}.entry-card{padding:0}.three{gap:16px}}
@media(max-width:760px){html{scroll-padding-top:145px}.container{width:calc(100% - 36px)}.official{font-size:10px}.brand-row{padding-block:12px;gap:12px}.brand{gap:10px}.brand img{width:57px;height:48px}.brand strong{font-size:18px}.brand small{font-size:10px}.login{padding:7px 10px;font-size:12px;gap:8px}.nav{padding-block:7px}.menu-toggle{display:flex;justify-content:space-between;width:100%;background:transparent;border:0;color:var(--ink);font-size:13px;padding:4px 0}.nav-links{display:none;padding:12px 0;font-size:15px}.nav-links.open{display:grid;grid-template-columns:1fr 1fr;gap:15px}.hero-grid{grid-template-columns:1fr;padding-block:40px 20px;gap:18px}.hero h1{font-size:43px;letter-spacing:-.5px;margin-bottom:10px}.hero h2{font-size:23px}.hero-copy>p{font-size:16px}.hero-actions{margin-top:25px}.hero-actions .button{padding:10px 14px;font-size:13px}.hero-art{height:280px;transform:scale(.82);margin-block:-5px}.hero-bottom{gap:0;justify-content:space-between;font-size:11px;padding-block:12px}.hero-bottom span:before{margin-left:4px}.section{padding-block:48px}.section-heading h2{font-size:26px}.section-heading .eyebrow{font-size:10px}.about-grid,.health-layout,.ambassador-layout{grid-template-columns:1fr;gap:30px}.lead{font-size:20px}.connected-cards>div{padding:10px 4px;font-size:12px}.three,.values-grid{grid-template-columns:1fr}.section-why{padding-top:0}.why-grid .card{display:flex;gap:24px;align-items:center}.why-grid h3{font-size:19px}.number{font-size:35px}.values-grid{grid-template-columns:1fr 1fr;gap:12px}.value-card{padding:20px 15px}.value-card:last-child{grid-column:1/-1}.value-card h3{font-size:20px}.large{font-size:29px}.ohi-grid{gap:8px}.ohi-cell{min-height:105px;padding:12px}.ohi-cell strong{font-size:14px}.themes{grid-template-columns:repeat(3,1fr);gap:8px}.themes>div{padding-right:0;padding-left:5px}.themes h3{font-size:18px}.themes p{font-size:12px}.section-toolbar{align-items:flex-start;font-size:14px}.section-toolbar .text-link{white-space:nowrap;font-size:12px}.qualities{gap:12px}.qualities>div{padding:15px 12px;font-size:14px;gap:8px}.service-list>div{gap:15px;padding-block:18px}.service-list h3{font-size:17px}.cta .container,.footer-top{flex-direction:column;align-items:flex-start}.cta h2{font-size:27px}.cta p{font-size:15px}.footer-links{gap:25px}.copyright{flex-direction:column;gap:5px}.footer-top .brand strong{font-size:22px}.footer-top .brand small{font-size:12px}h1{font-size:32px}.pagination nav{gap:12px;font-size:13px}.detail-block .button{margin-bottom:10px}.empty{padding:28px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.card,.detail,.hero-copy{overflow-wrap:anywhere}.login{white-space:nowrap}
@media(min-width:761px) and (max-width:1000px){.tag-two{top:230px;left:-10px}.hero h1{font-size:42px}}
@media(max-width:400px){.brand-row .brand strong{font-size:16px}.brand-row .brand small{font-size:9px}.brand-row .brand{gap:7px}.brand-row .brand img{width:49px}.brand-row .login{padding:8px;font-size:11px;gap:7px}}

/* ── تنسيق صور الأخبار والبطاقات وتفاصيل المحتوى ── */
.detail{max-width:900px}
.detail-cover-wrapper{width:100%;max-width:720px;height:380px;margin:24px auto 32px auto;border-radius:16px;overflow:hidden;background:#f8faf9;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(18,61,53,0.05);padding:16px}
.detail-cover{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;display:block!important;margin:0 auto!important;border-radius:12px}

.entry-card{display:flex;flex-direction:column;height:100%;padding:0!important;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;transition:transform .25s ease,box-shadow .25s ease}
.entry-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(18,61,53,0.08)}
.cover{display:flex!important;align-items:center;justify-content:center;width:100%;height:210px;background:linear-gradient(145deg,#f8fbf9 0%,#edf4f0 100%);border-bottom:1px solid var(--line);overflow:hidden;position:relative;padding:12px}
.cover img{max-width:90%!important;max-height:90%!important;width:auto!important;height:auto!important;object-fit:contain!important;display:block;margin:auto;transition:transform .3s ease;filter:drop-shadow(0 2px 8px rgba(0,0,0,0.04))}
.entry-card:hover .cover img{transform:scale(1.04)}
.cover-placeholder{width:100%!important;height:100%!important;display:flex!important;flex-direction:column;gap:10px;align-items:center;justify-content:center;color:var(--green);background:radial-gradient(circle at center,#e2efe6 0%,#edf4f0 100%);border-radius:8px}
.cover-placeholder svg{width:44px;height:44px;color:var(--green)}
.cover-placeholder span{font-size:13px;font-weight:700;color:var(--ink);letter-spacing:.3px}
.entry-body{padding:22px;display:flex;flex-direction:column;flex:1}
.entry-body h3{font-size:18px;font-weight:700;line-height:1.5;margin:10px 0 8px 0;color:var(--ink)}
.entry-body p{font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.entry-body .text-link{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--green)}

@media(max-width:760px){
    .detail-cover-wrapper{height:240px;margin:16px auto 24px auto;padding:10px}
    .cover{height:180px;padding:10px}
}