/* Engagement layer styles (additive) */
/* आज का दर्शन */
.darshan-today{padding-top:0}.darshan-figure{margin:0;border-radius:22px;overflow:hidden;background:#1d1813;box-shadow:0 24px 60px rgba(56,38,31,.18)}.darshan-figure img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.darshan-figure figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;background:#2f4a3c;color:#f3e9d6;font-size:14px;letter-spacing:.08em}.darshan-figure figcaption .text-button{color:#f0c27a}
/* कैंची दर्शन — sticky scroll walk */
.darshan-walk{position:relative;margin:40px 0 0}.walk-track{pointer-events:none}.walk-sticky{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden;background:#1d1813}.walk-sticky img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity 1.1s ease,transform 6s ease}.walk-sticky img.on{opacity:1;transform:scale(1)}.walk-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(29,24,19,.15),rgba(29,24,19,0) 35%,rgba(29,24,19,.72) 100%)}.walk-caption{position:absolute;left:max(24px,calc((100% - 1216px)/2));right:24px;bottom:12vh;max-width:640px;color:#f3e9d6}.walk-caption .eyebrow{color:#f0c27a}.walk-caption h2{font-size:clamp(30px,4.5vw,56px);line-height:1.15;margin:8px 0 12px;color:#faf7f0}.walk-caption p{font-size:18px;line-height:1.7;color:#e6dcca;max-width:560px}.walk-dots{position:absolute;right:28px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px}.walk-dots i{width:8px;height:8px;border-radius:50%;background:#f3e9d6;opacity:.35;transition:.4s}.walk-dots i.on{opacity:1;height:26px;border-radius:6px}.walk-link .play-circle{transform:rotate(0)}
@media(prefers-reduced-motion:reduce){.walk-sticky img{transition:opacity .3s;transform:none}}
@media(max-width:700px){.walk-caption{bottom:9vh;left:20px;right:20px}.walk-caption p{font-size:16px}}
/* live ticker */
.ram-ticker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 22px}.ram-ticker div{background:#fffdf8;border:1px solid #e6dcca;border-radius:14px;padding:14px 16px;min-width:0}.ram-ticker b{display:block;font-size:30px;font-weight:600;color:#a44920;line-height:1.1}.ram-ticker span{display:block;font-size:13px;color:#74675c;margin-top:4px}
@media(max-width:700px){.ram-ticker{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* voice jaap */
.voice-jaap{width:100%;margin:10px 0;min-height:52px}.voice-jaap.live{background:#a44920;color:#fff;border-color:#a44920;animation:pulse-live 1.4s ease-in-out infinite}@keyframes pulse-live{0%,100%{box-shadow:0 0 0 0 rgba(164,73,32,.45)}50%{box-shadow:0 0 0 12px rgba(164,73,32,0)}}
/* name modal + greeting */
#name-modal{width:min(440px,92vw);border:0;border-radius:20px;padding:28px}#name-modal h2{margin:8px 0}#name-modal input{width:100%;font-size:20px;padding:12px 14px;margin:10px 0 14px}#name-modal .modal-actions{display:flex;gap:10px;flex-wrap:wrap}.greet{color:#a44920}
/* kambal */
.kambal{width:100%;max-width:260px;height:auto;display:block;margin:6px 0 12px;color:#38261f}
/* relay */
.relay-bar{height:14px;border-radius:8px;background:#e6dcca;overflow:hidden;margin:6px 0 12px}.relay-bar span{display:block;height:100%;background:linear-gradient(90deg,#a44920,#f0c27a);transition:width .6s}.relay-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin:18px 0}.relay-slot{border:1px solid #e6dcca;background:#fffdf8;border-radius:10px;padding:8px 4px;cursor:pointer;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#38261f}.relay-slot b{font-weight:600;font-size:13px}.relay-slot span{font-size:11px;color:#925027;min-height:14px}.relay-slot.filled{background:#f6ead3;border-color:#c98a3c}.relay-slot.mine{background:#2f4a3c;border-color:#2f4a3c;color:#f3e9d6}.relay-slot.mine span{color:#f0c27a}
@media(max-width:700px){.relay-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* chitthi */
.chitthi{position:relative}.chitthi-flap{width:100%;border:0;border-radius:16px;background:#f3e9d6;padding:38px 20px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;color:#38261f;box-shadow:inset 0 0 0 1px #e6dcca}.chitthi-seal{width:64px;height:64px;border-radius:50%;background:#a44920;color:#f0c27a;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;box-shadow:0 6px 18px rgba(164,73,32,.35)}.chitthi-inner{max-height:0;overflow:hidden;opacity:0;transition:max-height 1.2s ease,opacity .8s ease .3s}.chitthi.open .chitthi-flap{transform:rotateX(70deg);transform-origin:top;opacity:0;transition:transform .8s ease,opacity .6s ease .3s;pointer-events:none;position:absolute;inset:0}.chitthi.open .chitthi-inner{max-height:4000px;opacity:1}.chitthi.read .chitthi-flap{display:none}
/* festival */
.festival-card input{font-size:18px}
/* night toggle */
#night-toggle{position:fixed;left:16px;bottom:16px;z-index:60;width:44px;height:44px;border-radius:50%;border:1px solid #e6dcca;background:#fffdf8;color:#38261f;font-size:20px;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.15)}
/* रात मोड — every light surface the stylesheets define is listed here, so text never lands on a cream box */
html.night{--bg:#14110e;--surface:#1f1915;--cream:#f0e6d3;--muted:#b9a894;--line:#3b3129;--gold:#e0b86a;--amber:#f0a468;color-scheme:dark}
html.night body,html.night .experience-body,html.night .devotional-home{background:#14110e!important;color:#f0e6d3!important}
html.night .header,html.night .hub-header,html.night .hub-sidebar,html.night footer,html.night .welcome-line,html.night .section-top,html.night .temple-darshan,html.night .darshan-today,html.night .section,html.night main,html.night .hero,html.night .mobile-dock,html.night .accessibility-bar,html.night .kids-mode #screen{background:#14110e!important;color:#f0e6d3!important;border-color:#3b3129!important}
html.night .hub-card,html.night .kids-mode .hub-card,html.night .panel,html.night .stat,html.night .timeline-item,html.night dialog,html.night .daily-path,html.night .kids-book,html.night .kids-reflect,html.night .voice-box,html.night .places-map,html.night .map-pin,html.night .request-history li,html.night .ritual-day-banner,html.night .tradition-launch,html.night .verse,html.night .guidance,html.night .membership,html.night .wisdom-card,html.night .experience-feature,html.night .reading-feature,html.night .prayer-card,html.night .hub-notice,html.night .upay,html.night .page-holder,html.night .reader-tools,html.night .audio-bar,html.night .moods button,html.night .pill,html.night .tag,html.night .secondary,html.night .ribbon,html.night .portrait-note,html.night .filters button,html.night .reading-filters button,html.night .step,html.night .nav-cta,html.night #hub-toast,html.night #toast,html.night .ram-ticker div,html.night .relay-slot,html.night .chitthi-flap,html.night .devcard,html.night .deck-mini,html.night .rashi-pick,html.night .rashi-tabs button,html.night .hero-secondary,html.night .button.secondary,html.night #night-toggle,html.night .nav-more,html.night .hub-sidebar nav a,html.night .japa,html.night .journal,html.night .pathways>a,html.night details,html.night summary{background:#1f1915!important;background-image:none!important;color:#f0e6d3!important;border-color:#3b3129!important}
html.night #sandhya-verses .verse.active,html.night .verse.active,html.night .moods button.selected,html.night .filters button.active,html.night .hub-sidebar nav a.active,html.night .relay-slot.mine,html.night .rashi-pick.on,html.night .step.done{background:#2f4a3c!important;color:#f3e9d6!important;border-color:#2f4a3c!important}
html.night .relay-slot.filled{background:#3a2c1b!important;border-color:#c98a3c!important}
html.night input,html.night textarea,html.night select{background:#14110e!important;color:#f0e6d3!important;border-color:#3b3129!important}
html.night h1,html.night h2,html.night h3,html.night h4,html.night p,html.night li,html.night label,html.night small,html.night span,html.night b,html.night strong,html.night a:not(.button),html.night .micro,html.night .eyebrow,html.night .section-aside,html.night summary{color:#f0e6d3!important}
html.night .eyebrow,html.night .micro,html.night .section-aside,html.night small{color:#b9a894!important}
html.night .button.gold,html.night .gold{color:#fff!important}
html.night .rashi-tabs button.on{background:#a44920!important;color:#fff!important;border-color:#a44920!important}
html.night [class^="art-"],html.night .portrait-halo,html.night .portrait-frame,html.night .lamp,html.night devotional-diya{filter:brightness(.9)}
html.night [class^="art-"] *{color:inherit!important}
html.night .oracle,html.night .oracle *{color:inherit!important}
html.night .accessibility-bar button,html.night .accessibility-bar a{background:#1f1915!important;color:#f0e6d3!important;border-color:#3b3129!important}
html.night img.vinay-thumbnail,html.night .darshan-figure img{filter:brightness(.9)}
html.night .kambal{color:#f0e6d3}
html.night .ram-ticker b,html.night .devcard-mantra .eyebrow,html.night .rashi-pick .rashi-sym{color:#f0c27a!important}
html.night .card-deck .card,html.night .devcard{filter:brightness(.92)}
html.night .devcard-mantra,html.night .devcard-abhyas{background:#2a221c!important}
/* देव दर्शन deck */
.deck-stage{position:relative;min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;margin:10px 0 18px}.deck-fan{position:relative;width:200px;height:300px}.deck-back{position:absolute;inset:0;border-radius:16px;overflow:hidden;background:#2b1a2e;box-shadow:0 18px 40px rgba(56,38,31,.35);transform:rotate(calc((var(--i) - 2) * 6deg)) translateY(calc(var(--i) * -3px));transition:transform .6s cubic-bezier(.2,.8,.2,1);display:flex;align-items:center;justify-content:center;color:#f0c27a;font-size:40px;font-weight:700}.deck-back img{width:100%;height:100%;object-fit:cover}.deck-stage.shuffling .deck-back{animation:shuffle 1.4s ease-in-out}@keyframes shuffle{0%{transform:rotate(calc((var(--i) - 2) * 6deg))}30%{transform:translateX(calc((var(--i) - 2) * 70px)) rotate(calc((var(--i) - 2) * 14deg))}60%{transform:translateX(calc((2 - var(--i)) * 50px)) rotate(0)}100%{transform:rotate(calc((var(--i) - 2) * 6deg))}}.deck-draw{min-height:56px;font-size:18px;padding:0 32px}
.devcard{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:28px;align-items:start;background:#fffdf8;border:1px solid #e6dcca;border-radius:22px;padding:22px;margin:0 0 24px;animation:oracle-in .8s ease}@keyframes oracle-in{from{opacity:0;transform:translateY(16px) rotateY(60deg)}to{opacity:1;transform:none}}.devcard-art{position:relative;aspect-ratio:2/3;border-radius:16px;overflow:hidden;background:#2b1a2e;box-shadow:0 24px 50px rgba(56,38,31,.3)}.devcard-art img{width:100%;height:100%;object-fit:cover;display:block}.devcard-frame{position:absolute;inset:10px;border:1.5px solid rgba(240,194,122,.85);border-radius:10px;pointer-events:none;box-shadow:inset 0 0 0 4px rgba(43,26,46,.6)}.devcard-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#f0c27a;font-size:44px;font-weight:700}.devcard-body h2{font-size:38px;margin:4px 0 0}.devcard-en{color:#74675c;margin:0 0 12px;letter-spacing:.06em}.devcard-sandesh{font-size:21px;line-height:1.7;font-weight:500}.devcard-mantra,.devcard-abhyas{background:#f6ead3;border-radius:12px;padding:12px 16px;margin:12px 0}.devcard-mantra p,.devcard-abhyas p{margin:4px 0 0;font-size:17px}
.deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin:12px 0}.deck-mini{border:1px solid #e6dcca;background:#fffdf8;border-radius:10px;padding:12px 6px;cursor:pointer;color:#38261f;font-size:15px;min-height:52px}.deck-mini:hover{background:#f6ead3}
@media(max-width:700px){.devcard{grid-template-columns:1fr}.devcard-art{max-width:300px;margin:auto}}
/* राशि */
.rashi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:14px 0 20px}.rashi-pick{border:1px solid #e6dcca;background:#fffdf8;border-radius:12px;padding:10px 4px;cursor:pointer;color:#38261f;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:78px}.rashi-pick .rashi-sym{font-size:22px;color:#a44920}.rashi-pick small{font-size:11px;color:#74675c}.rashi-pick.on{background:#2f4a3c;color:#f3e9d6;border-color:#2f4a3c}.rashi-pick.on .rashi-sym,.rashi-pick.on small{color:#f0c27a}.rashi-tabs{display:flex;gap:8px;margin:14px 0}.rashi-tabs button{border:1px solid #e6dcca;background:#fffdf8;border-radius:999px;padding:8px 16px;cursor:pointer;color:#38261f}.rashi-tabs button.on{background:#a44920;color:#fff;border-color:#a44920}.rashi-text{font-size:21px;line-height:1.75;font-weight:500;margin:6px 0 14px}
@media(max-width:700px){.rashi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* home teaser */
.darshan-teaser{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}.darshan-teaser a{display:block;border-radius:18px;padding:26px;background:#2b1a2e;color:#f3e9d6;text-decoration:none;position:relative;overflow:hidden;min-height:160px}.darshan-teaser a.rashi-teaser{background:#2f4a3c}.darshan-teaser .eyebrow{color:#f0c27a}.darshan-teaser h3{font-size:28px;margin:8px 0 6px;color:#faf7f0}.darshan-teaser p{color:#e6dcca;margin:0}.darshan-teaser .sym{position:absolute;right:18px;top:10px;font-size:64px;opacity:.25}
@media(max-width:700px){.darshan-teaser{grid-template-columns:1fr}}

/* कागज़ पर राम नाम */
.paper-bank{margin-top:22px;border-left:4px solid #a44920}.paper-rules{font-size:19px;line-height:1.7;padding-left:24px;margin:10px 0 6px}.paper-rules li{margin:6px 0}.paper-rules b{color:#a44920}.paper-preview{margin:10px 0}.paper-preview img{max-width:260px;border-radius:12px;border:1px solid #e6dcca}.paper-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin-top:12px}.paper-page{margin:0}.paper-open{width:100%;aspect-ratio:3/4;border:1px solid #e6dcca;border-radius:12px;background:#fffdf8 repeating-linear-gradient(0deg,transparent 0 22px,#e6dcca 22px 23px);cursor:pointer;display:flex;align-items:flex-end;justify-content:center;padding:8px;color:#a44920;font-weight:600}.paper-page figcaption{display:flex;justify-content:space-between;font-size:12px;color:#74675c;margin-top:4px}.parents-mode .paper-rules{font-size:22px}
html.night .paper-open{background:#1f1915 repeating-linear-gradient(0deg,transparent 0 22px,#3b3129 22px 23px)!important;color:#f0c27a!important}

.rashi-sec{margin:10px 0 14px}.rashi-sec b{display:block;color:#a44920;margin-bottom:4px}.rashi-sec p{margin:0;font-size:18px;line-height:1.7}.rashi-sadhana{background:#f6ead3;border-radius:12px;padding:12px 16px;margin:12px 0}.rashi-upaay{border-top:1px solid #e6dcca;padding-top:12px;margin-top:12px}.rashi-upaay ol{padding-left:22px;font-size:17px;line-height:1.7}.rashi-upaay li{margin:6px 0}
html.night .rashi-sadhana{background:#2a221c!important}

/* मार्गदर्शन + invite */
.maarg{padding-top:0}.maarg-card{background:#2f4a3c;color:#f3e9d6;border-radius:22px;padding:34px;border:0}.maarg-card .eyebrow{color:#f0c27a}.maarg-card h2{color:#faf7f0;font-size:34px;margin:8px 0 10px}.maarg-text{font-size:21px;line-height:1.75;color:#f3e9d6;max-width:760px}.maarg-karya{background:rgba(0,0,0,.18);border-radius:12px;padding:12px 16px;margin:14px 0;max-width:760px}.maarg-karya p{margin:4px 0 0;font-size:18px;color:#faf7f0}.maarg-card .micro{color:#cdbfa8}.maarg-card .button.secondary{background:transparent;color:#f3e9d6;border-color:#f0c27a}
.invite-card{margin-top:22px;background:#fffdf8;border:1px solid #e6dcca;border-radius:18px;padding:24px}.invite-card h3{font-size:26px;margin:6px 0}.invite-mini{width:100%;margin-bottom:12px}
html.night .maarg-card,html.night .maarg-card *{color:#f3e9d6!important}html.night .maarg-card{background:#2f4a3c!important}html.night .maarg-card .eyebrow{color:#f0c27a!important}

.rashi-gochar{font-size:15px;color:#74675c;margin:4px 0 8px}.rashi-lucky{display:flex;gap:16px;flex-wrap:wrap;font-size:15px;margin:0 0 10px}.rashi-lucky b{color:#a44920}.rashi-special{background:#fff3e0;border-left:4px solid #a44920;padding:10px 14px;border-radius:8px;font-size:17px}
html.night .rashi-special{background:#2a221c!important}
/* full-length messages (18 Sept): vistaar, katha, vidhi, seekh */
.devcard-vistaar{font-size:16px;line-height:1.85;margin:8px 0 6px}.devcard-arth{margin-bottom:12px}.devcard-katha{margin:10px 0 14px;border:1px solid #e6dcca;border-radius:12px;padding:10px 14px;background:#fbf6ec}.devcard-katha summary{cursor:pointer;font-weight:600;color:#a44920;font-size:14px}.devcard-katha p{margin:8px 0 0;line-height:1.8;font-size:15px}.devcard-vidhi{font-size:15px;line-height:1.8;margin-top:6px;color:#4b3f34}.devcard-mantra .micro{margin-top:4px}
.maarg-seekh{font-size:15px;font-style:italic;color:#7a4a2a;border-left:3px solid #c98b4b;padding-left:12px;margin:10px 0}.maarg-vidhi{font-size:15px;line-height:1.8;margin-top:6px;color:#4b3f34}.maarg-text{line-height:1.9}
.rashi-sec p{line-height:1.85}.rashi-sec-sadhana{border-left:3px solid #c98b4b;padding-left:12px}.rashi-upaay li{margin:8px 0;line-height:1.8}
html.night .devcard-katha{background:#1d1814;border-color:#3a2f26}html.night .devcard-vidhi,html.night .maarg-vidhi{color:#d9cdbb}html.night .maarg-seekh{color:#e0b07a}
.darshan-bhaav{font-size:15px;line-height:1.85;margin:10px 0 6px;max-width:60ch}.walk-bhaav{font-size:14px;line-height:1.75;margin-top:8px;opacity:.92;max-width:52ch}
.maarg-card .maarg-seekh{color:#e8c48a;border-left-color:#e8c48a}.maarg-card .maarg-vidhi{color:#efe4d0}
/* Baba's image inside the Maargdarshan card (18 Sept) */
.maarg-with-figure{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:32px;align-items:stretch}
.maarg-body{min-width:0}
.maarg-figure{margin:0;position:relative;border-radius:16px;overflow:hidden;border:1.5px solid rgba(240,194,122,.75);box-shadow:0 22px 50px rgba(0,0,0,.35),inset 0 0 0 1px rgba(0,0,0,.3);background:#1f2f26;min-height:100%;transform:none}
.maarg-figure img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.maarg-figure::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,0) 70%,rgba(20,30,24,.45));border-radius:inherit}
.maarg-card .maarg-figure,html.night .maarg-card .maarg-figure{color:inherit}
.maarg-with-figure .maarg-text{max-width:none}
@media(max-width:860px){.maarg-with-figure{grid-template-columns:1fr}.maarg-figure{order:-1;max-height:440px}.maarg-figure img{height:440px}}
/* deck banner — shown in the stage once today's card is drawn (18 Sept) */
.deck-banner{position:relative;width:100%;min-height:300px;border-radius:22px;overflow:hidden;background:linear-gradient(120deg,#2b1a2e,#3a2a1e 60%,#5a3b1a);color:#f6ebd5;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);box-shadow:0 22px 50px rgba(56,38,31,.28)}
.deck-banner-art{position:absolute;inset:0}
.deck-banner-art img{width:100%;height:100%;object-fit:cover;object-position:left center;display:block}
.deck-banner-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(43,26,46,0) 35%,rgba(43,26,46,.55) 60%,rgba(43,26,46,.88) 100%)}
.deck-banner-copy{position:relative;grid-column:2;padding:30px 30px 26px;display:flex;flex-direction:column;justify-content:center;gap:10px;z-index:1}
.deck-banner .eyebrow{color:#f0c27a}.deck-banner h3{margin:0;font-size:28px;line-height:1.35;color:#fff7e6}.deck-banner p{margin:0;line-height:1.7;color:#f1e4cc}.deck-banner b{color:#f0c27a}
.deck-banner-meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px}
.deck-banner .hub-actions{margin:8px 0 0}.deck-banner .button.secondary{background:transparent;color:#f6ebd5;border-color:#f0c27a}
html.night .deck-banner,html.night .deck-banner *{color:#f1e4cc}html.night .deck-banner b,html.night .deck-banner .eyebrow{color:#f0c27a!important}
@media(max-width:820px){.deck-banner{grid-template-columns:1fr;min-height:0}.deck-banner-art{position:relative;height:190px}.deck-banner-art::after{background:linear-gradient(180deg,rgba(43,26,46,0) 40%,rgba(43,26,46,.95) 100%)}.deck-banner-copy{grid-column:1;padding:6px 22px 22px;margin-top:-30px}.deck-banner h3{font-size:22px}}
/* बाबा के मंदिर व आश्रम (18 Sept) */
.mandir-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 10px}.mandir-tabs [aria-selected="true"]{background:#2f4a3c;color:#f6ebd5;border-color:#2f4a3c}
.mandir-intro{font-size:15px;line-height:1.8;color:#5a4a3c;max-width:72ch;margin:0 0 16px}
.mandir-list{display:grid;gap:16px}
.mandir-card h2{margin:6px 0 0;font-size:26px}.mandir-en{margin:0 0 10px;color:#8a7560;letter-spacing:.04em;font-size:13px}
.mandir-summary{line-height:1.85;font-size:15px;max-width:78ch}
.mandir-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px 22px;margin:14px 0 6px;padding:14px 16px;background:#f7efe1;border-radius:14px;border:1px solid #e6dcca}
.mandir-facts div{margin:0}.mandir-facts dt{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#a44920;margin-bottom:3px}.mandir-facts dd{margin:0;font-size:14px;line-height:1.7;color:#3a2e25}
.mandir-hero{border:1.5px solid #e0b06a;background:linear-gradient(135deg,#fffdf9,#fbf1dd)}
.mandir-card .micro a{color:#8a6a3a}
html.night .mandir-facts{background:#1d1814;border-color:#3a2f26}html.night .mandir-facts dd{color:#e8dcc8}html.night .mandir-intro{color:#cdbfa8}html.night .mandir-hero{background:#23201b;border-color:#8a6a3a}html.night .mandir-tabs [aria-selected="true"]{background:#f0c27a;color:#1a1410!important;border-color:#f0c27a}
@media(max-width:600px){.mandir-card h2{font-size:22px}.mandir-facts{grid-template-columns:1fr;padding:12px}}

/* 18 Sept — maargdarshan figure shows the full wide Baba photo (16:9) above the text. Undo: delete this block. */
.maarg-with-figure{grid-template-columns:1fr;gap:22px}.maarg-with-figure .maarg-figure{order:-1;aspect-ratio:16/9;min-height:0;max-height:none}.maarg-with-figure .maarg-figure img{height:100%;object-position:center}
@media(max-width:860px){.maarg-with-figure .maarg-figure{max-height:none}.maarg-with-figure .maarg-figure img{height:100%}}

/* 26 Sept — maarg figure fx: pushpavarsha, diya flames, soft halo (maarg-fx.js). Undo: delete block + script tag. */
.maarg-figure.mf{position:relative}.mf-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:inherit}
.mf-halo{position:absolute;left:50%;top:42.7%;width:34%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;mix-blend-mode:screen;background:radial-gradient(circle,rgba(255,236,190,.55) 0,rgba(255,200,110,.3) 35%,transparent 70%);filter:blur(6px);animation:mf-pulse 4s ease-in-out infinite}
@keyframes mf-pulse{0%,100%{opacity:.7;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}
.mf-flame{position:absolute;width:1.5%;aspect-ratio:3/4;margin:-1.9% 0 0 -.75%;background:url(assets/fx/flame.webp) center/contain no-repeat;transform-origin:50% 100%;mix-blend-mode:screen;animation:mf-flick ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(255,180,80,.9))}
@keyframes mf-flick{0%,100%{transform:scaleY(1) skewX(0)}30%{transform:scaleY(1.18) skewX(5deg)}60%{transform:scaleY(.88) skewX(-6deg)}}
.maarg-figure img.mf-petal{position:absolute;top:-8%;width:3.8%;height:auto;object-fit:unset;transform:scale(var(--s));animation-name:mf-fall,mf-sway,mf-spin;animation-timing-function:linear,ease-in-out,linear;animation-iteration-count:infinite,infinite,infinite;opacity:.95}
@keyframes mf-fall{to{top:108%}}@keyframes mf-sway{0%,100%{margin-left:0}50%{margin-left:4%}}@keyframes mf-spin{to{transform:scale(var(--s)) rotate(calc(360deg * var(--dir)))}}
@media(prefers-reduced-motion:reduce){.mf-layer{display:none}}

/* 27 Sept — dhun play/pause pill (dhun.js). Undo: delete block + script tag. */
#dhun{position:fixed;right:16px;bottom:16px;z-index:60;display:flex;align-items:center;gap:12px;padding:10px 18px 10px 12px;border-radius:999px;border:1.5px solid #d9b26a;background:linear-gradient(135deg,#fff8ea,#f6e3bf);color:#38261f;cursor:pointer;box-shadow:0 10px 28px rgba(56,38,31,.28),0 0 0 4px rgba(217,178,106,.18);font-family:inherit;text-align:left;transition:transform .2s,box-shadow .2s}
#dhun:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(56,38,31,.32),0 0 0 6px rgba(217,178,106,.22)}
#dhun:focus-visible{outline:3px solid #c7431f;outline-offset:3px}
#dhun .dhun-txt{display:grid;line-height:1.15}#dhun b{font-size:14px;letter-spacing:.02em}#dhun small{font-size:10.5px;letter-spacing:.08em;color:#8a5a2b;text-transform:uppercase}
#dhun .dhun-ico{width:34px;height:34px;border-radius:50%;background:#c7431f;display:flex;align-items:flex-end;justify-content:center;gap:2.5px;padding:8px 0;box-shadow:inset 0 0 0 2px rgba(255,255,255,.25)}
#dhun .dhun-ico i{display:block;width:3px;height:6px;background:#fff3dc;border-radius:2px}
#dhun.on .dhun-ico{background:#2f4a3c}
#dhun.on .dhun-ico i{animation:dhun-bar 1s ease-in-out infinite}#dhun.on .dhun-ico i:nth-child(2){animation-delay:-.25s}#dhun.on .dhun-ico i:nth-child(3){animation-delay:-.5s}#dhun.on .dhun-ico i:nth-child(4){animation-delay:-.75s}
@keyframes dhun-bar{0%,100%{height:5px}50%{height:16px}}
#dhun:not(.on) .dhun-ico::before{content:"";position:absolute}
#dhun.on{border-color:#2f4a3c;background:linear-gradient(135deg,#eef5ee,#d9e8d6)}
html.night #dhun{background:#1f1915!important;color:#f0e6d3!important;border-color:#d9b26a!important}html.night #dhun small{color:#e6c98a}
@media(max-width:700px){#dhun{right:12px;bottom:calc(72px + env(safe-area-inset-bottom))}#night-toggle{bottom:calc(72px + env(safe-area-inset-bottom))}#dhun small{display:none}#dhun{padding:9px 14px 9px 10px}}
@media(prefers-reduced-motion:reduce){#dhun.on .dhun-ico i{animation:none;height:12px}}
#dhun.armed{animation:dhun-nudge 1.6s ease-in-out infinite}@keyframes dhun-nudge{0%,100%{box-shadow:0 10px 28px rgba(56,38,31,.28),0 0 0 4px rgba(217,178,106,.18)}50%{box-shadow:0 10px 28px rgba(56,38,31,.28),0 0 0 10px rgba(199,67,31,.22)}}

/* 27 Sept — night mode: invite card (and any cream card missed by the list) goes dark like the other cards. Undo: delete block. */
html.night .invite-card,html.night .chalisa-home .yt-card,html.night .deck-banner{background:#1f1915!important;border-color:#3b3129!important;color:#f0e6d3!important}

.paper-preview{max-width:100%;border-radius:12px}
