/* Readability and layout additions to the original mosque design. */
body{font-family:'Jost',Arial,sans-serif;font-size:18px;padding-bottom:85px}h1,h2,h3,h4{font-family:'Marcellus',Georgia,serif}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #78531a;outline-offset:4px}button,input,select{font:inherit}a,button,input{touch-action:manipulation}button{cursor:pointer}.container{max-width:720px}.lead,.promo-card p,.campaign-body p,.about p{font-size:18px;line-height:1.6}.hero-banner-content{padding:25px}.hero-banner h1{font-size:34px;line-height:1.2}.hero-banner .lead{font-size:18px}.hero-banner-photo{height:190px}.hero-banner-photo img{width:100%;height:100%;object-fit:cover}.promo-card{padding:22px;margin-top:-18px}.promo-card h3{font-size:25px;line-height:1.3}.menu-section{margin-top:30px;margin-bottom:22px}.menu-heading{font-size:22px}.store-btn{min-height:70px}.store-btn span{font-size:16px}.search-bar input{font-size:18px;min-height:48px}.search-bar input::placeholder{color:#76603b}.chip{font-size:16px;min-height:48px;padding:10px 16px}.campaign-card h3{font-size:23px;line-height:1.35}.campaign-card p,.campaign-meta,.progress-meta,.days-left{font-size:16px!important;color:#674c26}.btn,.btn-block,.btn-on-dark,.btn-donate{min-height:52px;font-size:18px;padding:12px 20px}.featured-img img{width:100%;height:220px;object-fit:cover}.sample-label{font-size:16px;background:#fff1ce;border:1px solid #c6a258;border-radius:12px;padding:12px;margin:0 20px 24px;color:#5a421b}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);width:min(720px,100%);left:50%;transform:translateX(-50%);padding:8px 6px calc(8px + env(safe-area-inset-bottom));gap:4px}.bottom-nav a{font-size:14px;min-height:58px;padding:6px;border-radius:12px;color:#694b1c}.bottom-nav .donation-nav{background:#f1d778;color:#392809;font-weight:700}.bottom-nav .bn-ic{font-size:25px}#results-status{font-size:16px;padding-block:12px;color:#624820}[hidden]{display:none!important}.donation-page{background:#f3ecda;padding-bottom:35px}.donation-page header{position:static}.donation-page .brand img{width:44px;height:auto}.donation-shell{max-width:680px;margin:22px auto;padding:0 18px}.back{display:inline-block;padding:10px 0;margin-bottom:14px;font-size:17px}.program-intro{background:#fffdf7;border:1px solid #e0d2af;border-radius:22px;overflow:hidden}.program-intro>img{width:100%;height:210px;object-fit:cover}.program-intro>div{padding:24px}.program-intro h1{font-size:29px;line-height:1.3;margin:0 0 12px}.program-intro p{font-size:17px;color:#614d31;line-height:1.6}.demo-note{background:#fff1ce;color:#5a421b;border:1px solid #c6a258;border-radius:12px;padding:13px 16px;margin:20px 0;font-size:16px}.step-indicator{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:20px 0;gap:8px}.step-indicator li{padding:12px 5px;text-align:center;border-bottom:3px solid #d7caa9;color:#665235;font-size:16px}.step-indicator li[aria-current]{border-color:#815811;color:#583a0a;font-weight:700}.form-step{background:#fffdf7;border:1px solid #dfd0ad;border-radius:22px;padding:26px}.form-step h2{font-size:27px;line-height:1.3;margin-bottom:24px}.amount-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.amount-options button{min-height:56px;border:1px solid #ac945f;border-radius:13px;color:#62420b;background:white;font-size:18px;font-weight:600}.amount-options button[aria-pressed=true]{background:#f4d576;border:3px solid #795114;color:#392809}.form-step>label,.form-step details label{display:block;font-size:18px;font-weight:600;margin:12px 0}.form-step input:not([type=radio]){min-height:58px;padding:13px 16px;width:100%;border:1px solid #9e895b;border-radius:12px;background:white;font-size:20px;color:#35260f}.field-help{font-size:16px;line-height:1.6;color:#645238;margin:12px 0 20px}.form-error{color:#a22416;font-size:17px;font-weight:600;margin-bottom:16px}.primary,.secondary{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;border-radius:13px;font-size:18px;padding:13px 16px;margin-top:15px;text-align:center}.primary{background:linear-gradient(115deg,#f0cf5c,#d5a22f);border:1px solid #bf8d23;font-weight:700;color:#332405}.primary:hover{background:#edc452}.secondary{background:transparent;border:1px solid #bca77a;color:#654719}.payment-choice{display:flex;align-items:center;gap:15px;border:1px solid #b8a174;border-radius:15px;min-height:92px;padding:16px;margin-bottom:14px;cursor:pointer}.payment-choice input{width:25px;height:25px;accent-color:#845b16;flex-shrink:0}.payment-choice strong{display:block;font-size:19px}.payment-choice small{display:block;font-size:16px;color:#685538;margin-top:6px;line-height:1.5}.form-step details{border-top:1px solid #dfd0ad;margin-top:24px;padding-top:20px}.form-step summary{cursor:pointer;min-height:48px;font-size:18px}#donation-summary dt{color:#6a573a;font-size:16px;margin-top:18px}#donation-summary dd{font-size:21px;margin:3px 0 18px;overflow-wrap:anywhere}.form-step p{line-height:1.65}html{scroll-padding-bottom:100px}@media(max-width:480px){.container{padding-inline:16px}.hero-banner-content{padding:22px}.hero-banner h1{font-size:31px}.banner-actions{gap:10px}.store-btn{padding:12px 10px}.featured-img img{height:180px}.form-step{padding:21px}.step-indicator li{font-size:15px}.program-intro>div{padding:20px}.program-intro h1{font-size:26px}.menu-heading{font-size:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}


/* 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}}