:root{--ink:#3b2418;--orange:#e56c22;--gold:#f0b44b;--cream:#fff9ed;--card:#fffdf8;--green:#385d3b;--line:#ead9c2}*{box-sizing:border-box}body{margin:0;font-family:Georgia,'Times New Roman',serif;color:var(--ink);background:linear-gradient(#fffaf0,#f9ead0);line-height:1.55}header{height:88px;background:#fffaf1eF;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:8px max(5vw,24px);position:sticky;top:0;z-index:5}header img{width:74px;height:74px;object-fit:contain;border-radius:50%}nav{display:flex;gap:12px}nav a{color:var(--ink);text-decoration:none;padding:10px 14px;border-radius:22px;font-family:Arial,sans-serif;font-weight:700}nav a.active,nav a:hover{background:#f7dfb9;color:#9b4218}main{max-width:1040px;margin:auto;padding:38px 24px 60px}.hero{display:grid;grid-template-columns:1.12fr .88fr;gap:42px;align-items:center;margin-bottom:42px}.hero figure{margin:0}.hero figure img,.homeHero>img{width:100%;border-radius:22px;display:block;box-shadow:0 12px 35px #5a35152b}.hero figcaption{text-align:center;font-size:13px;color:#755f4c;margin-top:8px}.dev{font-size:30px;color:#b94c1e;font-weight:700}.hero h1,.homeHero h1{font-size:54px;line-height:1.02;margin:5px 0 18px;color:#632b19}.hero p{font-size:17px}.event{margin-top:22px;padding:15px 18px;border-left:5px solid var(--orange);background:#fff7e8;border-radius:8px;display:flex;flex-direction:column}.card,details,.contribute,.checks{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 5px 18px #6c42110d}section{margin:32px 0}h2{font-size:30px;color:#73321c;margin-bottom:6px}.muted{color:#796757}.card{padding:24px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}label{font-family:Arial,sans-serif;font-size:14px;font-weight:700;display:block}input{width:100%;padding:13px 12px;margin-top:7px;border:1px solid #d8c6ad;border-radius:9px;background:white;font-size:16px}.days{display:grid;gap:12px}details{overflow:hidden}summary{cursor:pointer;list-style:none;padding:17px 20px;display:flex;justify-content:space-between;align-items:center;background:#fffaf0}summary span:first-child{display:flex;flex-direction:column}summary b{font:700 12px Arial;color:#9b5b36;text-transform:uppercase}summary strong{font-size:20px;color:#632b19}details>p,.counts{margin:14px 20px}.counts{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-bottom:16px}.contribute{padding:26px;background:linear-gradient(135deg,#fff5d9,#fffaf1)}.prices{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:18px 0}.prices div{background:white;border:1px solid #efd6a6;border-radius:12px;padding:17px;display:flex;flex-direction:column}.prices b{font-size:28px;color:#a94a1d}.prices small{font-family:Arial;color:#766}.consent{font-weight:400;margin:22px 0}.consent input,.checks input{width:auto;margin-right:8px}.checks{padding:18px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.checks label{padding:12px;border:1px solid #eee0cd;border-radius:10px;background:#fffaf1}button,.btn{display:inline-block;border:0;background:linear-gradient(90deg,#c94f1e,#ef7c27);color:white;padding:15px 26px;border-radius:28px;font:700 16px Arial;cursor:pointer;text-decoration:none;box-shadow:0 5px 15px #c44b1d30}.btn.secondary{background:var(--green)}#status,#vstatus{margin-top:18px;padding:0}.ok{padding:16px!important;background:#eaf5e9;border:1px solid #a7cba7;border-radius:10px;color:#26562b}.err{padding:16px!important;background:#fff0ec;border:1px solid #e7ad9d;border-radius:10px;color:#8b2918}.questions{text-align:center;border-top:1px solid var(--line);padding-top:25px}.questions p{font-family:Arial,sans-serif;font-size:14px}footer{text-align:center;background:#4a281d;color:#fbeedc;padding:28px 20px;font-family:Arial,sans-serif;font-size:13px}.homeHero{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;min-height:65vh}.homeHero .lead{font-size:20px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.hide{display:none}@media(max-width:720px){header{height:72px;padding:5px 14px}header img{width:58px;height:58px}nav a{font-size:13px;padding:8px}.hero,.homeHero{grid-template-columns:1fr}.hero h1,.homeHero h1{font-size:42px}.grid,.prices{grid-template-columns:1fr}.checks{grid-template-columns:1fr}main{padding:25px 17px 45px}.hero figure{order:-1}.homeHero>img{max-height:350px;object-fit:cover}.counts{grid-template-columns:1fr 1fr}}

.form-status{max-width:900px;margin:20px auto;padding:16px 18px;border-radius:14px;text-align:center;font-weight:600}.form-status:empty{display:none}.form-status.ok{background:#edf8ef;border:1px solid #7dbb87;color:#245b2d}.form-status.err{background:#fff0f0;border:1px solid #d98b8b;color:#8b2424}

.reg-two-photos{display:grid;grid-template-columns:1fr 1fr;gap:10px}.reg-two-photos img{width:100%;height:220px;object-fit:cover;border-radius:14px}@media(max-width:700px){.reg-two-photos{grid-template-columns:1fr}.reg-two-photos img{height:240px}}

.mobilepay-box{margin-top:22px;padding:20px;background:#fff;border:1px solid #efd6a6;border-radius:14px;display:flex;gap:22px;align-items:center}.mobilepay-box img{width:180px;height:180px;object-fit:contain;border:1px solid #eee;border-radius:12px;padding:8px;background:#fff}.mobilepay-box h3{margin:0 0 6px;color:#632b19;font-size:22px}.mobilepay-box p{margin:6px 0 14px}.mobilepay-btn{display:inline-block;background:#5a2ca0;color:#fff;text-decoration:none;padding:13px 20px;border-radius:24px;font:700 15px Arial,sans-serif}.mobilepay-note{font-size:13px;color:#796757;font-family:Arial,sans-serif}@media(max-width:720px){.mobilepay-box{flex-direction:column;text-align:center}.mobilepay-box img{width:210px;height:210px}}

/* Aligned Questions contact grid */
.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 28px;align-items:center;margin-top:10px}
.contact-grid>div{display:grid;grid-template-columns:minmax(72px,auto) 1fr;gap:10px;align-items:baseline;white-space:nowrap}
.contact-grid span{font-weight:600}
.contact-grid strong{font-weight:800;font-variant-numeric:tabular-nums}
@media(max-width:720px){.contact-grid{grid-template-columns:1fr}.contact-grid>div{grid-template-columns:80px 1fr}}

/* About Chhath page */
.about-intro{max-width:820px;margin:15px auto 42px;text-align:center}.about-intro h1{font-size:50px;line-height:1.05;margin:6px 0 16px;color:#632b19}.about-intro .event{max-width:700px;margin:22px auto 0;text-align:left}.about-lead{font-size:18px}.about-days{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.about-day{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:23px;box-shadow:0 5px 18px #6c42110d}.about-day h3{font-size:24px;color:#632b19;margin:5px 0 0}.day-tag{font:700 12px Arial,sans-serif;color:#9b5b36;letter-spacing:.04em}.day-time{font:700 14px Arial,sans-serif;color:#385d3b;margin:5px 0 14px}.importance{background:#fff7e8;border-left:4px solid var(--gold);padding:10px 12px;border-radius:6px}.visitor-note{margin-top:14px;padding:11px 12px;background:#f7f1e5;border-radius:9px}.about-meaning{background:linear-gradient(135deg,#fff5d9,#fffaf1);border:1px solid var(--line);border-radius:16px;padding:26px}.meaning-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.meaning-grid>div{background:#fff;border:1px solid #efd6a6;border-radius:12px;padding:16px}.meaning-grid h3{margin:0 0 7px;color:#632b19}.meaning-grid p{margin:0}.about-join{text-align:center;max-width:780px;margin:42px auto}.about-join .actions{justify-content:center}@media(max-width:720px){nav{gap:2px}nav a{font-size:11px;padding:7px 6px}.about-intro h1{font-size:40px}.about-days,.meaning-grid{grid-template-columns:1fr}.about-day{padding:19px}}

/* Volunteer task layout matching the reference */
.volunteer-section{margin:38px 0}.volunteer-section h2{color:#194f4b;margin-bottom:2px}.pre-puja-box{border:2px solid #ef9700;border-radius:20px;padding:27px;background:rgba(255,250,239,.72);display:grid;gap:20px;margin-top:22px}.vol-task{display:flex;align-items:flex-start;gap:20px;background:#fff;border:1px solid #e4cfa9;border-radius:16px;padding:18px 24px;font-family:Arial,sans-serif;cursor:pointer}.vol-task input{width:24px;height:24px;margin:2px 0 0;flex:0 0 auto}.vol-task span{display:flex;flex-direction:column;gap:3px}.vol-task strong{font-size:21px;color:#30251f}.vol-task small{font-size:16px;font-weight:600;color:#66584d}.vol-task em{font-weight:700}.during{border-top:2px dashed #f1a000;padding-top:28px}.vol-day{background:#fffdf8;border:2px solid #ead7b4;border-radius:20px;padding:26px;margin:22px 0;display:grid;gap:20px}.vol-day-head{display:flex;align-items:center;gap:18px}.day-circle{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#174f4b;color:#fff;font:700 20px Arial,sans-serif;flex:0 0 auto}.vol-day-head h3{margin:0;font:700 25px Arial,sans-serif;color:#30251f}.vol-day-head p{margin:2px 0 0;font:600 17px Arial,sans-serif;color:#66584d}
@media(max-width:720px){.pre-puja-box,.vol-day{padding:15px;gap:12px}.vol-task{padding:15px;gap:12px}.vol-task input{width:22px;height:22px}.vol-task strong{font-size:18px}.vol-task small{font-size:14px}.vol-day-head h3{font-size:20px}.day-circle{width:42px;height:42px}}

/* Site-wide typography and alignment normalization */
:root{--font-heading:Georgia,'Times New Roman',serif;--font-body:Arial,Helvetica,sans-serif;--content-width:1040px}
body{font-family:var(--font-body);font-size:16px;line-height:1.55}
main{width:100%;max-width:var(--content-width);margin:0 auto;padding:38px 24px 60px}
h1,h2,h3,.dev,.about-intro h1,.about-day h3,.meaning-grid h3{font-family:var(--font-heading);font-weight:700;letter-spacing:0}
p,.muted,.event,.card,.contribute,.about-day,.about-meaning,.visitor-note{font-family:var(--font-body)}
header{width:100%;min-height:88px;height:auto;padding:8px max(5vw,24px)}
header>a{display:flex;align-items:center;flex:0 0 auto}nav{align-items:center;justify-content:flex-end;flex-wrap:wrap}nav a{font-family:var(--font-body);line-height:1.2;text-align:center}
section{width:100%}h2{font-size:30px;line-height:1.2;margin:0 0 8px}.muted{margin-top:0}
.card,.contribute,.pre-puja-box,.vol-day,.about-day,.about-meaning{width:100%}
.grid input,.counts input,input{font-family:var(--font-body)}
label,button,.btn,.mobilepay-btn,.day-tag,.day-time{font-family:var(--font-body)}
.questions{width:100%;max-width:var(--content-width);margin-left:auto;margin-right:auto}.questions h2{text-align:center}.contact-grid{text-align:left}.contact-grid>div{font-family:var(--font-body)}
.volunteer-section h2{font-family:var(--font-heading);font-size:30px;line-height:1.2}.vol-day-head h3{font-family:var(--font-heading);font-size:25px}.vol-day-head p,.vol-task strong,.vol-task small{font-family:var(--font-body)}
.about-intro,.about-days,.about-meaning,.about-join{width:100%}
footer{font-family:var(--font-body)}
@media(max-width:720px){main{padding:25px 17px 45px}header{min-height:72px;padding:6px 12px;gap:8px}nav{gap:2px;justify-content:flex-end}nav a{font-size:11px;padding:7px 6px}h2,.volunteer-section h2{font-size:27px}.contact-grid{text-align:left}}

/* Volunteer typography tuned to match Registration page */
.vol-task strong{font-size:18px;line-height:1.35}
.vol-task small{font-size:14px;line-height:1.45;font-weight:500}
.vol-day-head h3{font-size:20px;line-height:1.25}
.vol-day-head p{font-size:14px;line-height:1.4;font-weight:600}
.day-circle{width:42px;height:42px;font-size:17px}
.pre-puja-box,.vol-day{gap:14px}
.vol-task{padding:15px 18px;gap:14px}
@media(max-width:720px){.vol-task strong{font-size:16px}.vol-task small{font-size:13px}.vol-day-head h3{font-size:18px}.vol-day-head p{font-size:13px}.day-circle{width:38px;height:38px;font-size:16px}}

/* 2026-09-15 usability refinements */
.volunteer-inspiration{margin:10px 0 38px}.volunteer-photos{display:grid;grid-template-columns:1.35fr 1fr;gap:14px;margin-top:16px}.volunteer-photos img{width:100%;height:260px;object-fit:cover;border-radius:16px;border:1px solid var(--line)}
@media(max-width:720px){header{padding:10px 12px;align-items:center;flex-direction:column;gap:8px}header img{width:68px;height:68px}nav{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}nav a{font-size:14px!important;font-weight:800;padding:11px 5px!important;border:1px solid #ead8b5;border-radius:10px;background:#fffaf0}nav a.active{background:#f6e4bd}.volunteer-photos{grid-template-columns:1fr}.volunteer-photos img{height:220px}}

.about-photo-section{margin:10px 0 34px}.about-photo-card{margin:0}.about-photo-card img{display:block;width:100%;max-height:480px;object-fit:cover;border-radius:16px;border:1px solid var(--line)}.about-photo-card figcaption{text-align:center;margin-top:10px;color:var(--muted);font-style:italic}
@media(max-width:720px){.about-photo-card img{max-height:320px}}
