/* Temple finish: Hindu temple colours (saffron, kumkum, turmeric gold, maroon, sandal), compact sections,
   history layout, location, compact receipt. Loaded last. */
:root{--maroon:#6e1117;--maroon2:#3f0a0c;--saffron:#e8740c;--gold:#f2b01e;--rose:#b3261e;--violet:#9a3412;--bg:#fff8ea;--line:#ead3a8;
 --saf:#f28a1b;--mag:#b3261e;--vio:#9a3412;--teal:#d97706;--gld:#f2b01e;--rose2:#e8590c}
body{background:#fff8ea}
#rebuild,#history,#deities,#legal,#use,#transparency,#updates,#notices,#gallery,#faq,#visit,#donors{background-image:radial-gradient(520px 260px at 0 0,rgba(242,176,30,.26),transparent 70%),radial-gradient(480px 240px at 100% 100%,rgba(232,116,12,.14),transparent 70%)!important}
#rebuild,#notices,#faq{background-color:#fff6e0!important}
#history,#use,#updates{background-color:#fff1d6!important}
#deities,#transparency,#visit{background-color:#fff4e0!important}
#legal,#gallery,#donors{background-color:#ffefd3!important}
.drow .dav{background:linear-gradient(135deg,var(--saffron),var(--maroon))!important}
.card,.cert{border-color:#ead3a8}

/* Compact sections: gallery, progress, notices */
.gal{grid-template-columns:repeat(5,1fr);gap:10px}
.gal figure,.gal figure:nth-child(1){grid-row:auto;aspect-ratio:1/1;min-height:0;border-radius:14px}
.gal figcaption{padding:8px 10px;font-size:13px}
@media(max-width:860px){.gal{grid-template-columns:repeat(2,1fr)}.gal figure:nth-child(5){grid-column:1/-1;aspect-ratio:16/7}}
.rb{max-width:900px;gap:14px;margin-left:auto;margin-right:auto}
.rb .card{padding:10px}
.rb img,.rb .concept{height:190px}
.phases,.fund{max-width:900px;margin-left:auto;margin-right:auto}
@media(max-width:860px){.rb img,.rb .concept{height:170px}}
#updates .card,#notices .card{max-width:860px;margin-left:auto;margin-right:auto;padding:12px 18px}
#updates ul.plain li,#notices ul.plain li{padding:8px 0;font-size:14.5px;gap:12px}
#updates ul.plain time,#notices ul.plain time{min-width:72px;font-size:13.5px}
#updates,#notices,#gallery{padding-top:34px;padding-bottom:34px}
.ph-img{display:block;width:120px;max-width:100%;height:80px;object-fit:cover;border-radius:10px;margin-top:6px}

/* Latest donors: no inner scrolling */
.dvert{max-height:none!important;overflow:visible!important}
.drow{padding:9px 16px}

/* History: present temple on the left, story on the right */
.hist2{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:22px;align-items:start;margin-bottom:8px}
.hphoto{margin:0;border-radius:20px;overflow:hidden;border:2px solid var(--gold);background:#fff;box-shadow:0 12px 28px rgba(110,17,23,.2);position:sticky;top:90px}
.hphoto img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.hphoto figcaption{padding:10px 14px;font-weight:600;color:var(--maroon);background:#fff3d9;font-size:14.5px}
.hstory{display:grid;gap:14px}
.hstory .card{padding:18px 20px}
@media(max-width:860px){.hist2{grid-template-columns:1fr}.hphoto{position:static}}

/* Location: photo with a 3D tilt and a satellite map */
.loc{grid-template-columns:1fr 1fr;gap:22px}
.locfig.tilt3d{min-height:260px;transform:perspective(1000px) rotateY(-7deg) rotateX(3deg);transition:transform .5s ease,box-shadow .5s;box-shadow:18px 20px 38px rgba(110,17,23,.28);border:3px solid var(--gold)}
.locfig.tilt3d:hover{transform:perspective(1000px) rotateY(0) rotateX(0)}
.locfig img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mapbox{margin-top:20px;border-radius:20px;overflow:hidden;border:2px solid var(--gold);box-shadow:0 10px 26px rgba(110,17,23,.18);background:#fff}
.mapbox iframe{display:block;width:100%;height:380px;border:0}
@media(max-width:860px){.loc{grid-template-columns:1fr}.locfig.tilt3d{transform:none;min-height:220px;box-shadow:0 10px 24px rgba(110,17,23,.22)}.mapbox iframe{height:300px}}
@media(prefers-reduced-motion:reduce){.locfig.tilt3d{transform:none;transition:none}}

/* FAQ: two columns on wide screens */
.faq{display:grid;grid-template-columns:1fr 1fr;gap:0 34px}
.faq details{break-inside:avoid}
@media(max-width:860px){.faq{grid-template-columns:1fr}}

/* Compact donation receipt */
.rcpt{max-width:430px;border-width:1.5px;border-radius:14px}
.rcpt header.lh{padding:12px 14px;gap:10px}
.lhm{width:38px;height:38px;font-size:22px}
.rcpt header.lh b{display:block;font:600 clamp(16px,4.4vw,20px)/1.35 "Noto Sans Telugu",sans-serif;color:#ffe0a3}
.rcpt header.lh span{font-size:12px}
.rcpt .garland{height:10px}
.rbody{padding:10px 14px 2px}
.rcpt h3{font-size:15px;margin:0 0 4px}
.rcpt .rstat{margin:0 0 8px;font-size:12.5px}
.rcpt dl{font-size:12.5px;gap:4px 10px;grid-template-columns:minmax(96px,max-content) 1fr}
.ramt{margin:10px 0 6px;padding:8px 10px}
.ramt span{font-size:22px}.ramt small{font-size:11.5px}
.rnote{font-size:11.5px;margin:6px 0}
.sign{display:flex;justify-content:flex-end;margin:6px 0 10px}
.sign .sg{display:flex;flex-direction:column;align-items:center;min-width:150px}
.sign .sigimg{display:block;max-width:130px;max-height:46px;object-fit:contain;margin-bottom:2px}
.sign .sg span{border-top:1px solid #6c5558;padding-top:3px;min-width:150px;text-align:center;font-size:12px}
.sign .sg small{font-size:10.5px;color:#6c5558}
.rcpt footer.lf{padding:7px 12px;font-size:11.5px}
.rcpt .wmc{font-size:clamp(40px,10vw,70px)}
@media(max-width:480px){.rcpt dl{grid-template-columns:1fr}.rcpt dt{margin-top:3px}}
.lhm{width:38px!important;height:38px!important;font-size:22px!important;flex:none}
