:root{--green:#183f34;--green2:#2d6552;--gold:#a07632;--ink:#22322c;--muted:#606e66;--paper:#fbfaf5;--cream:#f1eee4;--line:#dddccf;--white:#fff;--danger:#a43e32}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.6 system-ui,-apple-system,'Segoe UI',Arial,sans-serif}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:4px solid #d39b35;outline-offset:3px}button, .btn{min-height:50px}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.skip{position:absolute;top:-100px;left:8px;background:white;z-index:99;padding:12px}.skip:focus{top:5px}.notice{background:#f5e6bb;text-align:center;padding:9px 16px;font-size:14px;color:#49350e;font-weight:650}.site-head{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.head-inner{min-height:83px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand img{width:52px;height:52px;object-fit:contain}.brand small{display:block;letter-spacing:.14em;font-size:10px;font-weight:800;color:var(--green2)}.brand strong{font:600 24px Georgia,serif;line-height:1.2}.nav-links{display:flex;align-items:center;gap:20px}.nav-links a{font-weight:650;font-size:15px;padding:12px 2px}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--green2);text-decoration:underline;text-underline-offset:6px}.nav-links .nav-donate{padding:12px 18px;background:var(--green);border-radius:10px;color:white;text-decoration:none}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:13px;font-weight:800;color:var(--gold)}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:500;line-height:1.18;letter-spacing:-.025em}h1{font-size:clamp(40px,5vw,72px);margin:15px 0 22px}h2{font-size:clamp(30px,3.5vw,48px);margin:0 0 15px}h3{font-size:25px;margin:0 0 12px}.lead{font-size:clamp(18px,2vw,22px);line-height:1.55;color:#44594e;max-width:610px}.hero{display:grid;grid-template-columns:1fr .95fr;align-items:center;gap:55px;padding-top:72px;padding-bottom:70px}.hero figure{position:relative;margin:0}.hero figure img{height:440px;width:100%;object-fit:cover;border-radius:20px 20px 90px 20px}.hero figcaption{position:absolute;bottom:18px;left:20px;background:#fffefaee;border-radius:12px;padding:12px 18px;font-weight:700;font-size:14px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--green);color:white;border:2px solid var(--green);border-radius:12px;padding:11px 21px;font-size:17px;font-weight:750;line-height:1.3;text-align:center}.btn:hover{background:#2c6251}.btn.outline{background:transparent;color:var(--green)}.btn.outline:hover{background:#e9efe9}.btn.small{min-height:44px;padding:9px 15px;font-size:15px}.soft{color:var(--muted)}.section{padding:72px 0}.section.alt{background:var(--cream)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-head p{max-width:510px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:white;border:1px solid var(--line);border-radius:17px;padding:26px;box-shadow:0 6px 16px #0e311908}.card p{color:var(--muted);margin:0 0 18px}.card a.text-link{color:var(--green2);font-weight:800;text-decoration:underline;text-underline-offset:4px}.icon-box{display:inline-grid;place-items:center;background:#e3eddf;color:var(--green);width:52px;height:52px;border-radius:14px;font-size:25px;margin-bottom:21px}.card time,.tag{display:inline-flex;color:var(--green2);background:#e7efe7;border-radius:30px;padding:4px 11px;font-size:13px;font-weight:750;margin-bottom:14px}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}.split img{width:100%;height:360px;object-fit:cover;border-radius:18px}.footer{background:var(--green);color:white;padding:48px 0 96px}.foot-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:30px}.footer a{text-decoration:underline;text-underline-offset:3px}.footer small{opacity:.82}.page-intro{padding:58px 0 32px}.page-intro h1{font-size:clamp(37px,4.3vw,58px)}.page-intro p{max-width:750px}.panel{background:white;border:1px solid var(--line);border-radius:18px;padding:30px;margin-bottom:24px}.two-col{display:grid;grid-template-columns:1.3fr .7fr;gap:25px;align-items:start}.field{margin:0 0 20px}.field label,.field legend{font-size:17px;font-weight:750;display:block;margin-bottom:8px}.field input,.field select,.field textarea{display:block;width:100%;border:2px solid #a8b6a9;border-radius:10px;padding:12px 14px;background:white;color:var(--ink);min-height:52px}.field textarea{min-height:145px;resize:vertical}.field small{display:block;color:var(--muted);margin-top:5px}.choice{display:flex;align-items:center;gap:12px;margin:12px 0;font-size:17px}.choice input{height:22px;width:22px;accent-color:var(--green)}.state{padding:13px 17px;border-radius:10px;background:#e4f0e4;color:#1a4b32;margin:15px 0;font-weight:650}.state.warn{background:#fbe8c5;color:#61420f}.board-item{padding:24px;background:white;border:1px solid var(--line);border-radius:15px;margin:0 0 14px}.board-item h3{font:750 17px system-ui;margin:0}.board-item p{white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0}.board-item small{color:var(--muted)}.board-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.btn.reject{border-color:#a64032;background:#a64032}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.stat{background:#edf1e9;border-radius:14px;padding:20px}.stat strong{display:block;font-size:36px;line-height:1.15;color:var(--green)}.tip{padding:22px;border:1px solid #dfd5ba;background:#faf4e8;border-radius:15px}.tip strong{display:block;margin-bottom:8px}.empty{padding:24px;border:1px dashed #9eada0;border-radius:14px;color:var(--muted)}.mobile-nav{display:none}.nav-anchor{scroll-margin-top:105px}@media(max-width:850px){.nav-links{gap:10px}.nav-links a{font-size:14px}.nav-links .nav-donate{padding:10px}.hero{gap:22px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}}@media(max-width:680px){body{font-size:17px;line-height:1.57}.wrap{width:min(100% - 32px,560px)}.notice{font-size:12px}.site-head{position:relative}.head-inner{min-height:75px}.brand strong{font-size:21px}.brand img{width:44px;height:44px}.nav-links{display:none}.hero{grid-template-columns:1fr;gap:28px;padding-top:42px;padding-bottom:46px}.hero h1{font-size:clamp(40px,10vw,52px)}.hero figure img{height:270px;border-radius:18px 18px 55px 18px}.hero figcaption{font-size:12px}.actions{display:grid;grid-template-columns:1fr}.actions .btn{width:100%}.section{padding:48px 0}.section-head{display:block}.cards{grid-template-columns:1fr}.card{padding:23px}.split{grid-template-columns:1fr}.split img{height:240px}.page-intro{padding:35px 0 20px}.panel{padding:21px}.stat-grid{grid-template-columns:1fr 1fr}.foot-grid{grid-template-columns:1fr}.footer{padding-bottom:118px}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);bottom:0;left:0;right:0;background:#fff;border-top:1px solid #d4dbd0;z-index:30;padding:7px 2px max(8px,env(safe-area-inset-bottom));box-shadow:0 -5px 25px #00000015}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;font-weight:750;min-height:50px;text-align:center;color:var(--green)}.mobile-nav a b{font-size:20px;line-height:1.2}.mobile-nav a[aria-current=page]{background:#e6eee5;border-radius:10px}.board-item{padding:19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Takmir feedback v2 – elderly-first accessibility */
a,button,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #be852c;outline-offset:3px} .announcement-form{display:grid;gap:12px;max-width:700px}.announcement-form label{font-weight:700;font-size:17px;margin-top:5px}.announcement-form input,.announcement-form select,.announcement-form textarea{font:inherit;font-size:18px;line-height:1.5;padding:14px;border:2px solid #9bab9e;border-radius:12px;width:100%;background:white;color:#153b2b;min-height:50px}.announcement-form textarea{min-height:145px}.announcement-form .actions{margin-top:8px}.board-item{overflow-wrap:anywhere}.btn,a.text-link{min-height:44px;align-content:center}.photo-note{font-size:13px;line-height:1.5;color:#43594e}@media(max-width:680px){.announcement-form input,.announcement-form select,.announcement-form textarea{font-size:16px}.portal-return{bottom:88px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* V5: longer official mosque name, legible on smaller phones */
.brand strong{font-size:clamp(17px,1.8vw,24px);overflow-wrap:break-word}
@media(max-width:680px){.brand{gap:8px}.brand strong{font-size:clamp(16px,4.2vw,20px)}.head-inner{gap:8px}}


/* IU NANDAN — GOLD & CREAM LIVE BETA BRAND, OCT 2026 */
:root{--green:#6e4b1e;--green2:#8d651f;--gold:#a87522;--ink:#2b2116;--muted:#645a4d;--paper:#fffaf0;--cream:#f4ebd8;--line:#d9c6a4;--white:#fffdf8;--bronze-900:#392616;--bronze-800:#593719;--gold-600:#aa7828;--gold-500:#c19a44;--gold-400:#d6b56b;--cream-100:#fffaf0;--cream-200:#f6eddb;--cream-300:#eadabc}
html{background:#fffaf0}body{background:#fffaf0;color:#2b2116} .site-head,header:not(.modal header){background:#fffaf0} .notice{background:#3d2c17;color:#fff1d0;border-bottom:2px solid #c99b43;letter-spacing:.01em}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#a87724!important;outline-width:3px!important}
.brand small,.eyebrow,.tag,.category,.text-link,.nav-links a:hover{color:#8a611d!important}
.nav-links .nav-donate,.btn:not(.outline):not(.reject),.button,.header-cta,.hero-button{background:#72501e!important;color:#fffaf0!important;border-color:#72501e!important}
.nav-links .nav-donate:hover,.btn:not(.outline):not(.reject):hover,.button:hover,.header-cta:hover{background:#4f3312!important}
.btn.outline{color:#694919!important;border-color:#9d763d!important;background:#fffaf0!important}
.hero-accent{color:#a47725!important}
.card,.panel,.board-item,.campaign-card,.steps>div{background:#fffdf8!important;border-color:#dac9aa!important}
.section.alt,.alt,.program-section{background:#f4ebd8!important}
.icon-box,.stat,.tag{background:#f1e5cb!important;color:#75501e!important}
.footer{background:#352616!important;color:#fff8e9!important}
.site-maintainer{color:#604c32!important;background:#f4ebd8;padding:22px 18px!important;max-width:none!important}
.hero figure img{border:3px solid #e0c688;box-shadow:0 18px 40px rgba(72,45,12,.13)}
.hero figcaption,.profile-photo figcaption{background:#fff8e9f0!important;color:#4a3218!important}
.mobile-nav{background:#fffaf0!important;border-color:#dbc59d!important}.mobile-nav a{color:#694719!important}.mobile-nav a[aria-current=page],.mobile-nav .active{background:#f0dfbc!important;color:#503714!important}
.field input,.field select,.field textarea,.search input{background:#fffefa!important;border-color:#bba67e!important;color:#2d241b!important}
.demo-note,.tip{background:#fff1d1!important;border-color:#d5bb85!important;color:#544127!important}
@media(max-width:680px){.hero figcaption{padding:9px 11px!important;max-width:calc(100% - 20px);left:10px!important;bottom:10px!important} .hero h1{font-size:clamp(35px,9vw,52px)!important} .notice{font-size:13px!important;line-height:1.45;padding:10px 16px!important}}

.anti-bot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.turnstile-slot{min-height:20px;margin:12px 0}.site-head .nav-links{flex-wrap:wrap;justify-content:end}.board-item button{margin:8px 8px 4px 0}

/* V1.0: public community board vs private feedback clarity */
.community-explainer {
  margin: 22px 0 0;
  padding: 18px 21px;
  border-left: 5px solid #9c752b;
  border-radius: 12px;
  background: #fff3d9;
  color: #422f16;
  font-size: 17px;
  line-height: 1.65;
}
.community-explainer a {
  color: #624111;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.community-explainer a:focus-visible {outline: 3px solid #6b4b13;outline-offset: 3px;}
@media (max-width: 680px) {
  .community-explainer {padding: 16px;font-size: 16px;}
}

/* Homepage exposure: repeat primary visit actions only at the first and last sections */
.final-cta{background:#f2e5cb;text-align:center;border-top:1px solid #dbc7a0}.final-cta p{max-width:660px;margin:0 auto 18px}.final-cta .actions{justify-content:center}.final-cta .btn.outline{background:#fffaf0}
@media(max-width:680px){.final-cta .actions{display:grid;grid-template-columns:1fr}.final-cta .actions .btn{width:100%}}