/* Chams Tensift — Professional enhancement layer (Netlify static build) */
:root{--pro-navy:var(--indigo,#102b58);--pro-navy-deep:var(--indigo-deep,#071f43);--pro-orange:var(--orange,#f28a2e);--pro-mint:var(--mint,#83cdb7);--pro-ivory:var(--ivory,#f7f1e7);--pro-white:var(--warm-white,#fffdf8);--pro-ink:var(--ink-soft,#42546d)}
html{scroll-behavior:smooth}
/* Brand/favicon-quality header refinements */
.site-header{backdrop-filter:saturate(1.08) blur(16px)}
.desktop-nav a[href="#publications"]{position:relative}
.desktop-nav a[href="#publications"]::after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--pro-orange);right:-8px;top:1px}
/* 3D brand image added by pro.js after hydration */
.hero-visual .hero-brand-3d{position:absolute;z-index:5;right:-8%;bottom:-6%;width:clamp(105px,15vw,190px);aspect-ratio:3/2;object-fit:cover;border-radius:24px;filter:drop-shadow(0 24px 36px rgba(7,31,67,.25));transform:rotate(-5deg) translateZ(0);mix-blend-mode:multiply;pointer-events:none;animation:chamsFloat3d 6s ease-in-out infinite}
.hero-visual::before{content:"";position:absolute;z-index:4;right:-1%;bottom:2%;width:22%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(242,138,46,.22),transparent 68%);filter:blur(10px);pointer-events:none}
@keyframes chamsFloat3d{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-9px) rotate(-2deg)}}
.hero-actions .donate-hero-button{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(242,138,46,.5);color:var(--pro-navy);background:rgba(255,253,248,.78);padding:12px 17px;border-radius:999px;font-weight:800;text-decoration:none;transition:.2s ease}
.hero-actions .donate-hero-button:hover{background:var(--pro-orange);color:#fff;border-color:var(--pro-orange);transform:translateY(-2px)}
/* Fill visually empty program cards without altering core theme */
.program-card{position:relative;overflow:hidden}
.program-card::before{content:"";display:block;width:58px;height:58px;border-radius:18px;margin:2px 0 18px;background:linear-gradient(145deg,rgba(131,205,183,.24),rgba(242,138,46,.16));box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);background-position:center;background-repeat:no-repeat;background-size:30px}
.program-card:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f28a2e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E")}
.program-card:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2383cdb7' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 12h8M12 8v8'/%3E%3Cpath d='M21 12a9 9 0 1 1-9-9 8.9 8.9 0 0 1 6.4 2.7'/%3E%3C/svg%3E")}
.program-card:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f28a2e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19l7-7 3 3-7 7-3-3Z'/%3E%3Cpath d='m18 13-1.5-7.5L2 2l3.5 14.5L13 18'/%3E%3Cpath d='m2 2 7.586 7.586'/%3E%3Ccircle cx='11' cy='11' r='2'/%3E%3C/svg%3E")}
.program-card:nth-child(4)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2383cdb7' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11h18M5 7h14M7 15h10M9 19h6'/%3E%3C/svg%3E")}
/* Homepage publications: static in HTML, repositioned visually by pro.js */
.publications-section{position:relative;padding:clamp(72px,9vw,118px) clamp(20px,5vw,72px);background:linear-gradient(180deg,#fffdf8 0%,#f7f1e7 100%);overflow:hidden}
.publications-section::after{content:"";position:absolute;right:-110px;top:58px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(242,138,46,.17),transparent 68%)}
.publications-shell{position:relative;z-index:1;max-width:1240px;margin:0 auto}
.publications-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.65fr);gap:34px;align-items:end;margin-bottom:32px}
.publications-kicker{margin:0 0 11px;color:var(--pro-orange);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.publications-head h2{max-width:780px;margin:0;color:var(--pro-navy-deep);font:500 clamp(34px,4.3vw,62px)/1.03 Georgia,serif;letter-spacing:-.03em}
.publications-head p:last-child{margin:0;color:var(--pro-ink);font-size:15px;line-height:1.72}
.publication-filters{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 28px}
.publication-filter{appearance:none;border:1px solid rgba(16,43,88,.16);background:#fffdf8;color:var(--pro-navy);border-radius:999px;padding:10px 16px;font:800 12px/1 system-ui;cursor:pointer;transition:.2s ease}
.publication-filter.is-active,.publication-filter:hover{background:var(--pro-navy);color:#fff;border-color:var(--pro-navy);transform:translateY(-1px)}
.publication-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.publication-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid rgba(16,43,88,.1);border-radius:20px;overflow:hidden;box-shadow:0 16px 42px rgba(16,43,88,.08);transition:.25s ease}
.publication-card:hover{transform:translateY(-7px);box-shadow:0 24px 54px rgba(16,43,88,.14)}
.publication-cover{position:relative;aspect-ratio:16/10;display:grid;place-items:center;overflow:hidden;background:#edf2f7}
.publication-cover::before{content:"";position:absolute;inset:-25px;background-image:var(--pub-bg);background-size:cover;background-position:center;filter:blur(24px);opacity:.22;transform:scale(1.12)}
.publication-cover img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;padding:10px;filter:drop-shadow(0 10px 17px rgba(7,31,67,.16))}
.publication-type{position:absolute;z-index:2;top:12px;left:12px;background:var(--pro-orange);color:#fff;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:900;letter-spacing:.04em}
.publication-card[dir="rtl"] .publication-type{left:auto;right:12px}
.publication-body{display:flex;flex:1;flex-direction:column;padding:20px}
.publication-meta{color:var(--pro-orange);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}
.publication-card[dir="rtl"] .publication-meta{text-transform:none}
.publication-body h3{margin:0 0 10px;color:var(--pro-navy-deep);font:600 23px/1.18 Georgia,serif}
.publication-card[dir="rtl"] .publication-body{direction:rtl;text-align:right}
.publication-card[dir="rtl"] .publication-body h3{font-family:Tahoma,Arial,sans-serif;line-height:1.45}
.publication-body p{margin:0 0 18px;color:var(--pro-ink);font-size:13px;line-height:1.65}
.publication-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.publication-link,.publication-pdf{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border-radius:10px;padding:9px 12px;text-decoration:none;font-size:12px;font-weight:900;transition:.2s ease}
.publication-link{background:var(--pro-mint);color:var(--pro-navy-deep)}
.publication-pdf{border:1px solid rgba(16,43,88,.15);color:var(--pro-navy);background:#fff}
.publication-link:hover,.publication-pdf:hover{transform:translateY(-2px)}
.publications-more{display:flex;justify-content:flex-end;margin-top:22px}.publications-more a{color:var(--pro-navy);font-weight:900;text-underline-offset:4px}
.publication-card.is-hidden{display:none}
/* Blog becomes genuinely clickable and less visually empty */
.blog-card{position:relative;overflow:hidden}
.blog-card::after{content:"";position:absolute;right:-34px;bottom:-34px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(242,138,46,.17),transparent 65%);pointer-events:none}
.blog-card .blog-read-link{display:inline-flex;align-items:center;gap:8px;margin-top:auto;color:var(--pro-navy);font-weight:850;text-decoration:none}
.blog-card .blog-read-link:hover{color:var(--pro-orange)}
.blog-all-link{display:inline-flex;margin-top:18px;font-weight:850;color:var(--pro-navy);text-decoration-thickness:1px;text-underline-offset:5px}
/* Donation / support CTA */
.donation-section{position:relative;padding:clamp(72px,8vw,110px) clamp(20px,5vw,72px);background:var(--pro-navy-deep);color:#fff;overflow:hidden}
.donation-section::before{content:"";position:absolute;right:-70px;top:-80px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#f7b25a,var(--pro-orange) 32%,rgba(242,138,46,.18) 65%,transparent 66%)}
.donation-shell{position:relative;z-index:1;max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:54px;align-items:center}
.donation-kicker{margin:0 0 10px;color:#f7b25a;font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.donation-copy h2{margin:0 0 18px;max-width:720px;font:500 clamp(36px,4.4vw,62px)/1.03 Georgia,serif;letter-spacing:-.03em}.donation-copy>p{max-width:720px;margin:0 0 24px;color:#dce6f2;font-size:15px;line-height:1.75}
.donation-actions{display:flex;flex-wrap:wrap;gap:11px}.donation-primary,.donation-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border-radius:999px;text-decoration:none;font-weight:900;font-size:13px}.donation-primary{background:var(--pro-orange);color:#fff}.donation-secondary{border:1px solid rgba(255,255,255,.24);color:#fff;background:rgba(255,255,255,.06)}
.donation-impact{display:grid;gap:11px}.donation-impact article{padding:18px 19px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.07);backdrop-filter:blur(12px)}.donation-impact strong{display:block;color:#fff;margin-bottom:5px;font-size:14px}.donation-impact span{display:block;color:#dce6f2;font-size:12px;line-height:1.55}
/* FAQ — SEO-friendly useful content, no medical claims */
.faq-section{padding:clamp(72px,8vw,108px) clamp(20px,5vw,72px);background:#fffdf8}.faq-shell{max-width:1080px;margin:0 auto}.faq-heading{text-align:center;max-width:750px;margin:0 auto 30px}.faq-heading p:first-child{color:var(--pro-orange);font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;margin:0 0 10px}.faq-heading h2{margin:0;color:var(--pro-navy-deep);font:500 clamp(34px,4vw,54px)/1.06 Georgia,serif}.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq-list details{border:1px solid rgba(16,43,88,.12);border-radius:16px;background:#fff;padding:0 18px;box-shadow:0 10px 28px rgba(16,43,88,.05)}.faq-list summary{cursor:pointer;list-style:none;padding:18px 28px 18px 0;color:var(--pro-navy-deep);font-weight:850;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";position:absolute;right:0;top:16px;color:var(--pro-orange);font-size:22px}.faq-list details[open] summary::after{content:"−"}.faq-list details p{margin:0;padding:0 0 18px;color:var(--pro-ink);font-size:13px;line-height:1.7}
/* Header spacing with added publications link */
@media (max-width:1180px){.desktop-nav a{font-size:12px}.desktop-nav{gap:13px}}
@media (max-width:1024px){.publication-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.publications-head,.donation-shell{grid-template-columns:1fr}.donation-impact{grid-template-columns:repeat(3,1fr)}.hero-visual .hero-brand-3d{right:-3%;bottom:-4%;width:130px}}
@media (max-width:680px){.publications-section,.donation-section,.faq-section{padding-left:18px;padding-right:18px}.publications-head{display:block}.publications-head p:last-child{margin-top:18px}.publication-grid{grid-template-columns:1fr}.donation-impact,.faq-list{grid-template-columns:1fr}.hero-actions{gap:8px}.hero-actions .donate-hero-button{width:100%;justify-content:center}.hero-visual .hero-brand-3d{width:105px;right:-1%;bottom:-2%}.publications-more{justify-content:flex-start}}
@media (prefers-reduced-motion:reduce){.hero-visual .hero-brand-3d{animation:none}.publication-card,.publication-filter,.donation-primary,.donation-secondary{transition:none!important}}
