/* OmKiran Bhakti — design tokens
   Paper: dhoop-tinted page. Ink: neelkanth indigo (no black).
   Sindoor: actions. Genda (marigold): ornament only. Chandan: surfaces & rules. */
:root{
  --paper:#FBF4E8;
  --paper-2:#F4E6CF;
  --chandan:#E6CFAA;
  --ink:#1C2350;
  --ink-soft:#4A4F72;
  --sindoor:#B8321F;
  --sindoor-deep:#8E2414;
  --genda:#E8A317;
  --genda-deep:#C9750E;
  --tulsi:#2F6B4F;
  --display:"Tiro Devanagari Hindi", "Noto Serif Devanagari", Georgia, serif;
  --text:"Mukta", "Noto Sans Devanagari", system-ui, sans-serif;
  --measure:68ch;
  --r-s:6px; --r-m:14px; --r-l:28px;
  color-scheme:light;
}
:root[data-theme="dark"]{
  --paper:#14183A; --paper-2:#1C2150; --chandan:#39406E;
  --ink:#F6EBD8; --ink-soft:#C9C2B2; --sindoor:#F0715C; --sindoor-deep:#FF8E7A;
  --genda:#F5B83A; --genda-deep:#F5B83A; --tulsi:#7FC4A0; color-scheme:dark;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --paper:#14183A; --paper-2:#1C2150; --chandan:#39406E;
    --ink:#F6EBD8; --ink-soft:#C9C2B2; --sindoor:#F0715C; --sindoor-deep:#FF8E7A;
    --genda:#F5B83A; --genda-deep:#F5B83A; --tulsi:#7FC4A0; color-scheme:dark;
  }
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--text);font-size:1.0625rem;line-height:1.7}
img{max-width:100%;display:block}
a{color:var(--sindoor-deep);text-underline-offset:.2em;text-decoration-thickness:1px}
a:hover{color:var(--sindoor)}
:focus-visible{outline:3px solid var(--genda);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:var(--ink);color:var(--paper);padding:.5rem 1rem;z-index:10}
.wrap{width:min(1120px,100% - 32px);margin-inline:auto}
.prose{max-width:var(--measure)}

/* ---------- Toran: the one ornament ---------- */
.toran{height:30px;background:
  radial-gradient(circle at 11px 9px,var(--tulsi) 0 3px,transparent 3.5px) 0 0/44px 30px repeat-x,
  radial-gradient(circle at 33px 14px,var(--genda) 0 7px,var(--genda-deep) 7px 10px,transparent 10.5px) 0 0/44px 30px repeat-x,
  radial-gradient(circle at 11px 18px,#F07E1B 0 6px,#C25A0C 6px 9px,transparent 9.5px) 0 0/44px 30px repeat-x,
  linear-gradient(var(--sindoor),var(--sindoor)) 0 0/100% 3px no-repeat;}

/* ---------- Header ---------- */
.site-head{background:var(--paper)}
.head-row{display:flex;align-items:center;gap:1rem;padding:.75rem 0}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink);margin-right:auto}
.brand img{width:40px;height:40px;border-radius:50%}
.brand b{font-family:var(--display);font-size:1.35rem;font-weight:400;line-height:1}
.brand small{display:block;font-size:.78rem;color:var(--ink-soft);line-height:1.2}
.nav{display:flex;gap:1.1rem;font-weight:500}
.nav a{color:var(--ink);text-decoration:none;padding:.25rem 0;border-bottom:2px solid transparent}
.nav a:hover,.nav a[aria-current="page"]{border-color:var(--sindoor)}
.theme-btn,.menu-btn{background:none;border:1px solid var(--chandan);color:var(--ink);border-radius:999px;width:40px;height:40px;font-size:1.1rem;cursor:pointer}
.menu-btn{display:none}
.lang-sw{display:inline-flex;border:1px solid var(--chandan);border-radius:999px;overflow:hidden;font-size:.85rem;font-weight:600;flex:none}
.lang-sw a{padding:.45rem .7rem;color:var(--ink);text-decoration:none;line-height:1}
.lang-sw a.on{background:var(--sindoor);color:#fff}
.lang-tip{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:50;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;background:var(--paper);color:var(--ink);border:1px solid var(--chandan);border-radius:14px;padding:.75rem 1rem;box-shadow:0 8px 28px rgba(0,0,0,.18);max-width:calc(100% - 32px)}
.lang-tip .btn{padding:.45rem .9rem;font-size:.9rem}
@media (max-width:860px){
  .menu-btn{display:inline-block}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;background:var(--paper);border-bottom:1px solid var(--chandan);padding:.5rem 16px 1rem;z-index:5}
  .nav.open{display:flex}
  .nav a{padding:.65rem 0;border-bottom:1px solid var(--chandan)}
  .site-head{position:relative}
}

/* ---------- Type ---------- */
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.25;margin:0 0 .5em}
h1{font-size:clamp(2.1rem,6vw,3.6rem)}
h2{font-size:clamp(1.6rem,3.6vw,2.25rem);margin-top:0}
h3{font-size:1.3rem}
p{margin:0 0 1em}
.lede{font-size:1.2rem;color:var(--ink-soft);max-width:var(--measure)}
.answer{font-size:1.15rem;border-left:4px solid var(--genda);padding:.25rem 0 .25rem 1rem;max-width:var(--measure)}
section{padding:clamp(2.5rem,6vw,4.5rem) 0}
.band{background:var(--paper-2)}
.crumbs{font-size:.9rem;color:var(--ink-soft);padding-top:1.25rem}
.crumbs a{color:var(--ink-soft)}

/* ---------- Home hero: the deity index ---------- */
.hero{padding:clamp(2rem,5vw,4rem) 0 clamp(2.5rem,6vw,4.5rem)}
.hero-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.hero h1{margin-bottom:.35em}
.deities{list-style:none;margin:1.25rem 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:0 2rem}
.deities a{display:block;text-decoration:none;color:var(--ink);padding:.7rem 0;border-top:1px solid var(--chandan)}
.deities a span{font-family:var(--display);font-size:clamp(1.6rem,3.4vw,2.3rem);line-height:1.2;display:block}
.deities a small{color:var(--ink-soft);font-size:.95rem}
.deities a:hover span{color:var(--sindoor)}
.today{background:var(--ink);color:var(--paper);border-radius:var(--r-l);padding:1.6rem 1.6rem 1.4rem;position:relative;overflow:hidden}
:root[data-theme="dark"] .today{background:var(--paper-2);color:var(--ink)}
.today .when{color:var(--genda);font-weight:600;margin:0 0 .3rem}
.today h2{font-size:1.85rem;margin-bottom:.4rem}
.today p{color:inherit;opacity:.88}
.today .actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}
@media (max-width:860px){.hero-grid{grid-template-columns:1fr}.today{order:-1}}
@media (max-width:520px){.deities{gap:0 1.25rem}.deities a span{font-size:1.6rem}}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:.45rem;background:var(--sindoor);color:#FFF8EE;text-decoration:none;font-weight:600;padding:.65rem 1.15rem;border-radius:999px;border:0;cursor:pointer;font:inherit;font-weight:600}
.btn:hover{background:var(--sindoor-deep);color:#fff}
.btn.ghost{background:transparent;color:inherit;border:1.5px solid currentColor}
.btn.ghost:hover{background:rgba(232,163,23,.18)}

/* ---------- Videos (lite embed) ---------- */
.videos{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.6rem 1.25rem;list-style:none;padding:0;margin:1.5rem 0 0}
.video .frame{position:relative;aspect-ratio:16/9;border-radius:var(--r-m);overflow:hidden;background:var(--chandan)}
.video .frame img{width:100%;height:100%;object-fit:cover}
.video .play{position:absolute;inset:0;width:100%;border:0;background:transparent;cursor:pointer;display:grid;place-items:center}
.video .play::before{content:"";width:58px;height:58px;border-radius:50%;background:rgba(184,50,31,.92);box-shadow:0 0 0 6px rgba(255,248,238,.35)}
.video .play::after{content:"";position:absolute;border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent #fff;margin-left:5px}
.video .play:hover::before{background:var(--sindoor-deep)}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video .dur{position:absolute;right:8px;bottom:8px;background:rgba(28,35,80,.85);color:#fff;font-size:.8rem;padding:0 .45rem;border-radius:4px}
.video h3{font-family:var(--text);font-size:1.02rem;font-weight:600;line-height:1.45;margin:.65rem 0 .15rem}
.video h3 a{color:var(--ink);text-decoration:none}
.video h3 a:hover{color:var(--sindoor)}
.video p{font-size:.92rem;color:var(--ink-soft);margin:0}

/* ---------- Library list (paath) ---------- */
.library{list-style:none;padding:0;margin:1.5rem 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:0 2.5rem}
.library a{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;padding:1rem 0;border-bottom:1px solid var(--chandan);text-decoration:none;color:var(--ink)}
.library a strong{font-family:var(--display);font-weight:400;font-size:1.35rem}
.library a span{color:var(--ink-soft);font-size:.92rem;text-align:right}
.library a:hover strong{color:var(--sindoor)}

/* ---------- Lyrics reader ---------- */
.reader-tools{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 0;position:sticky;top:0;background:var(--paper);padding:.6rem 0;z-index:3;border-bottom:1px solid var(--chandan)}
.chip{background:transparent;border:1px solid var(--chandan);color:var(--ink);border-radius:999px;padding:.35rem .9rem;font:inherit;font-size:.95rem;cursor:pointer}
.chip[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.lyrics{--ls:1.45rem;margin-top:1.5rem}
.verse{padding:1.1rem 0;border-bottom:1px dashed var(--chandan);max-width:46rem}
.verse .no{float:left;width:2.4rem;color:var(--genda-deep);font-weight:600;font-size:.95rem;padding-top:.4rem}
.verse .line{font-family:var(--display);font-size:var(--ls);line-height:1.85;margin:0 0 0 2.4rem;white-space:pre-line}
.verse .mean{margin:.5rem 0 0 2.4rem;color:var(--ink-soft);font-size:1.02rem}
.verse.doha .line{color:var(--sindoor-deep)}
.lyrics.no-meaning .mean{display:none}
.section-label{font-family:var(--display);color:var(--sindoor);font-size:1.15rem;margin:1.75rem 0 0}
.note{font-size:.95rem;color:var(--ink-soft);border:1px solid var(--chandan);border-radius:var(--r-m);padding:1rem 1.2rem;max-width:var(--measure);margin-top:2rem}

/* ---------- FAQ ---------- */
.faq details{border-bottom:1px solid var(--chandan);max-width:var(--measure)}
.faq summary{cursor:pointer;padding:1rem 0;font-weight:600;font-size:1.08rem;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";float:right;color:var(--sindoor);font-size:1.3rem;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details p{margin:0 0 1rem}

/* ---------- Navratri table ---------- */
.days{list-style:none;padding:0;margin:1.5rem 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1rem}
.days li{border:1px solid var(--chandan);border-radius:var(--r-m);padding:1rem 1.1rem;background:var(--paper)}
.days li.now{border:2px solid var(--sindoor);background:var(--paper-2)}
.days .d{color:var(--ink-soft);font-size:.9rem}
.days .g{font-family:var(--display);font-size:1.4rem;display:block;margin:.15rem 0 .35rem}
.days a{font-size:.95rem}

/* ---------- Jaap mala ---------- */
.mala-wrap{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:2.5rem;align-items:center}
.mala{position:relative;width:100%;aspect-ratio:1;user-select:none;-webkit-user-select:none;touch-action:manipulation}
.mala svg{width:100%;height:100%}
.mala .bead{fill:var(--chandan);transition:fill .15s}
.mala .bead.on{fill:var(--genda)}
.mala .bead.sumeru{fill:var(--sindoor)}
.mala button.tap{position:absolute;inset:18%;border-radius:50%;border:0;background:var(--ink);color:var(--paper);font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem}
.mala button.tap:active{transform:scale(.97)}
.mala .count{font-family:var(--display);font-size:clamp(3rem,10vw,4.5rem);line-height:1}
.mala .mantra-show{font-family:var(--display);font-size:1.05rem;padding:0 1rem;text-align:center;line-height:1.35}
.stats{display:flex;gap:2rem;margin:1rem 0}
.stats b{font-family:var(--display);font-size:2rem;font-weight:400;display:block;line-height:1.1}
select,input[type=text]{font:inherit;padding:.55rem .8rem;border-radius:var(--r-s);border:1px solid var(--chandan);background:var(--paper);color:var(--ink);width:100%;max-width:26rem}
@media (max-width:760px){.mala-wrap{grid-template-columns:1fr}}

/* ---------- Footer ---------- */
.site-foot{background:var(--ink);color:#EFE4D0;padding:2.5rem 0 2rem;margin-top:2rem}
.site-foot a{color:#F5C46A}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}
.site-foot h2{font-size:1.2rem;color:#fff}
.site-foot ul{list-style:none;padding:0;margin:0}
.site-foot li{padding:.15rem 0}
.site-foot .fine{margin-top:2rem;font-size:.88rem;opacity:.75}
@media (max-width:760px){.foot-grid{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{
  .site-head,.toran,.site-foot,.reader-tools,.videos,.no-print,.faq{display:none!important}
  body{background:#fff;color:#000}.verse .line{color:#000!important}
}

/* =====================================================================
   v2 "Sandhya aarti" layer — night temple bands, gold, deity arches.
   Bands keep one look in both themes (the temple at night).
   ===================================================================== */
:root{
  --night:#1D0C09; --night-2:#2B120C; --gold:#D9A441; --gold-hi:#F6D27A; --cream:#F7EBD3;
  --glow:rgba(246,190,90,.38);
}
.night{background:
  radial-gradient(60% 70% at 72% 40%,rgba(217,120,40,.28),transparent 70%),
  radial-gradient(40% 50% at 15% 10%,rgba(184,50,31,.25),transparent 70%),
  var(--night);color:var(--cream);position:relative}
.night h1,.night h2{color:var(--gold-hi)}
.night .lede,.night .answer{color:var(--cream)}
.night .answer{border-color:var(--gold)}
.night a{color:var(--gold-hi)}
.night .crumbs-in{font-size:.9rem;opacity:.75;margin:0 0 1rem}
.night .crumbs-in a{color:var(--cream)}
/* scalloped lower edge, like a temple canopy */
.night.scallop{padding-bottom:calc(clamp(2.5rem,6vw,4.5rem) + 14px)}
.night.scallop::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:16px;
  background:radial-gradient(circle at 12px 16px,var(--paper) 11px,transparent 11.5px) 0 0/24px 16px repeat-x}
.band + .night.scallop::after,.night.scallop.to-band::after{background:radial-gradient(circle at 12px 16px,var(--paper-2) 11px,transparent 11.5px) 0 0/24px 16px repeat-x}

/* gold headline treatment */
.gold-type{background:linear-gradient(180deg,#FFE7A8 0%,#F2C35E 45%,#C8862A 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 0 28px rgba(242,180,80,.18)}

/* ---------- Arch frame (mandir dwar) ---------- */
.arch{position:relative;aspect-ratio:3/4;max-width:100%;border-radius:999px 999px 14px 14px;padding:6px;
  background:linear-gradient(160deg,#FCE3A0,#C8862A 40%,#F6D27A 60%,#9C5F14);box-shadow:0 0 0 1px rgba(0,0,0,.25),0 18px 50px -12px var(--glow)}
.arch::before{content:"";position:absolute;inset:6px;border-radius:999px 999px 10px 10px;box-shadow:inset 0 0 0 2px rgba(255,236,180,.55);z-index:2;pointer-events:none}
.arch img{width:100%;height:100%;object-fit:cover;border-radius:999px 999px 10px 10px;background:var(--night-2)}

/* ---------- Home hero v2 ---------- */
.hero2{padding:clamp(2.5rem,6vw,4.5rem) 0}
.hero2 .wrap{display:grid;grid-template-columns:1.25fr .85fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.hero2 h1{font-size:clamp(2.4rem,6.4vw,4.2rem);line-height:1.15;margin-bottom:.4em}
.hero2 .lede{max-width:34rem;opacity:.92}
.today2{margin-top:1.75rem;border-top:1px solid rgba(246,210,122,.35);padding-top:1.25rem;max-width:34rem}
.today2 .when{color:var(--gold);font-weight:600;margin:0}
.today2 h2{font-size:clamp(1.6rem,3.4vw,2.1rem);margin:.15rem 0 .35rem;color:var(--cream)}
.today2 p{margin:0 0 1rem;opacity:.85}
.today2 .actions{display:flex;flex-wrap:wrap;gap:.6rem}
.btn.gold{background:linear-gradient(180deg,#F6D27A,#D9A441);color:#2B120C}
.btn.gold:hover{background:linear-gradient(180deg,#FFE29A,#E6B04E);color:#1D0C09}
.night .btn.ghost{color:var(--cream);border-color:rgba(247,235,211,.55)}
.shrine{position:relative;justify-self:center;width:min(340px,100%)}
.shrine .arch{box-shadow:0 0 0 1px rgba(0,0,0,.3),0 0 90px -10px rgba(246,190,90,.55)}
.shrine figcaption{text-align:center;margin-top:1.4rem;font-family:var(--display);font-size:1.15rem;color:var(--gold-hi)}
@media (max-width:860px){.hero2 .wrap{grid-template-columns:1fr}.shrine{width:min(260px,72%);order:-1}}

/* ---------- Diya: the one moving thing ---------- */
.diya{position:absolute;left:50%;bottom:-26px;transform:translateX(-50%);width:84px;height:44px;z-index:3}
.diya .bowl{position:absolute;bottom:0;left:0;right:0;height:26px;border-radius:0 0 50% 50%/0 0 100% 100%;
  background:linear-gradient(180deg,#E9A35A,#9A4A17)}
.diya .bowl::before{content:"";position:absolute;top:-5px;left:0;right:0;height:10px;border-radius:50%;background:#6B2E0E}
.diya .flame{position:absolute;left:50%;bottom:22px;width:16px;height:30px;margin-left:-8px;border-radius:50% 50% 50% 50%/62% 62% 38% 38%;
  background:radial-gradient(circle at 50% 75%,#FFFBE6 0 20%,#FFD36B 40%,#F28A1C 75%,rgba(242,138,28,0) 100%);
  box-shadow:0 0 22px 8px rgba(255,190,80,.55),0 0 60px 20px rgba(255,150,40,.25);transform-origin:50% 100%;animation:flicker 2.6s ease-in-out infinite}
@keyframes flicker{0%,100%{transform:scale(1,1) rotate(-1deg)}25%{transform:scale(.94,1.06) rotate(1.5deg)}50%{transform:scale(1.04,.96) rotate(-.5deg)}75%{transform:scale(.97,1.04) rotate(1deg)}}
@media (prefers-reduced-motion:reduce){.diya .flame{animation:none}}

/* ---------- Deity arches row ---------- */
.devta{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(.9rem,2vw,1.6rem)}
.devta a{display:block;text-decoration:none;color:var(--cream);text-align:center}
.devta .arch{padding:4px;box-shadow:0 10px 30px -10px rgba(0,0,0,.6)}
.devta .arch::before{inset:4px}
.devta a:hover .arch,.devta a:focus-visible .arch{box-shadow:0 0 0 1px rgba(0,0,0,.25),0 0 44px -4px var(--glow)}
.devta strong{display:block;font-family:var(--display);font-weight:400;font-size:clamp(1.25rem,2.2vw,1.55rem);color:var(--gold-hi);margin-top:.7rem;line-height:1.2}
.devta small{display:block;font-size:.88rem;opacity:.8}
@media (max-width:980px){.devta{grid-template-columns:repeat(3,1fr)}}
@media (max-width:420px){.devta{grid-template-columns:repeat(2,1fr)}}
.devta-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}

/* ---------- Ornament divider: lotus between rules ---------- */
.lotus{display:flex;align-items:center;gap:.9rem;color:var(--genda-deep);margin:0 0 1.2rem}
.lotus::before,.lotus::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--chandan))}
.lotus::after{background:linear-gradient(90deg,var(--chandan),transparent)}
.lotus svg{width:34px;height:20px;flex:none}
.sec-head{text-align:center;margin-bottom:.5rem}
.sec-head h2{margin-bottom:.2em}
.sec-head p{color:var(--ink-soft);margin:0 auto;max-width:40rem}

/* ---------- Paath cards ---------- */
.paath{list-style:none;padding:0;margin:1.75rem 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.paath a{display:grid;grid-template-columns:64px 1fr;gap:.9rem;align-items:center;text-decoration:none;color:var(--ink);
  background:var(--paper);border:1px solid var(--chandan);border-radius:var(--r-m);padding:.7rem .9rem .7rem .7rem}
.paath a:hover{border-color:var(--gold);box-shadow:0 8px 24px -14px rgba(156,95,20,.6)}
.paath .arch{aspect-ratio:4/5;padding:3px;box-shadow:none}
.paath .arch::before{inset:3px;box-shadow:inset 0 0 0 1px rgba(255,236,180,.5)}
.paath strong{font-family:var(--display);font-weight:400;font-size:1.3rem;display:block;line-height:1.25}
.paath span{color:var(--ink-soft);font-size:.92rem}

/* ---------- Videos v2: gold-framed ---------- */
.video .frame{box-shadow:0 0 0 1px var(--chandan);transition:box-shadow .2s}
.video:hover .frame{box-shadow:0 0 0 2px var(--gold),0 14px 30px -14px rgba(156,95,20,.55)}
.night .video h3 a{color:var(--cream)}
.night .video p{color:var(--cream);opacity:.7}
.night .video .frame{box-shadow:0 0 0 1px rgba(246,210,122,.35)}

/* ---------- Page band (deity/lyrics headers) ---------- */
.page-band .wrap{display:grid;grid-template-columns:1fr 220px;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.page-band h1{margin-bottom:.4em}
.page-band .arch{width:220px}
@media (max-width:760px){.page-band .wrap{grid-template-columns:1fr}.page-band .arch{width:150px;order:-1}}

/* ---------- Lyrics v2 details ---------- */
.verse .no{width:2rem;height:2rem;float:left;display:grid;place-items:center;padding:0;margin-top:.55rem;border-radius:50%;
  border:1px solid var(--gold);color:var(--genda-deep);font-size:.85rem}
.verse .no:empty{border:0}
.verse .line,.verse .mean,.verse .line-dev{margin-left:3rem}
.verse.doha{background:linear-gradient(90deg,rgba(232,163,23,.10),transparent 70%);border-radius:var(--r-s);padding-left:.5rem}

/* ---------- Navratri day arches ---------- */
.days li{display:grid;grid-template-columns:70px 1fr;gap:.9rem;align-items:center}
.days .arch{aspect-ratio:4/5;padding:3px;box-shadow:none}
.days .arch::before{inset:3px}

/* ---------- Jaap mala on night ---------- */
.mala-night .mala .bead{fill:#5A2A12;stroke:#2B120C;stroke-width:1}
.mala-night .mala .bead.on{fill:var(--gold-hi);filter:drop-shadow(0 0 3px rgba(246,210,122,.8))}
.mala-night .mala .bead.sumeru{fill:var(--sindoor)}
.mala-night .mala button.tap{background:radial-gradient(circle at 50% 35%,#3A1A10,#1D0C09 70%);color:var(--gold-hi);box-shadow:0 0 0 2px rgba(246,210,122,.45),0 0 60px -10px var(--glow)}
.mala-night label strong{color:var(--gold-hi)}
.mala-night .stats b{color:var(--gold-hi)}
.mala-night select,.mala-night input[type=text]{background:var(--night-2);color:var(--cream);border-color:rgba(246,210,122,.4);color-scheme:dark}

/* footer gets the gold too */
.site-foot{background:var(--night)}
.site-foot h2{color:var(--gold-hi)}

/* light-surface variant of the deity row */
.devta-light a{color:var(--ink)}
.devta-light strong{color:var(--sindoor-deep)}
.devta-light small{color:var(--ink-soft);opacity:1}
.devta-light .arch{box-shadow:0 10px 28px -14px rgba(120,60,10,.55)}
.night .sec-head p{color:var(--cream);opacity:.85}
.night .lotus{color:var(--gold)}
.night .lotus::before{background:linear-gradient(90deg,transparent,rgba(246,210,122,.45))}
.night .lotus::after{background:linear-gradient(90deg,rgba(246,210,122,.45),transparent)}
.days .g{font-size:1.3rem}

/* v2 refinements */
.paath{grid-template-columns:repeat(3,1fr)}
@media (max-width:860px){.paath{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.paath{grid-template-columns:1fr}}
.video .play{place-items:end start;padding:10px}
.video .play::before{width:42px;height:42px;box-shadow:0 0 0 4px rgba(255,248,238,.35)}
.video .play::after{left:26px;bottom:20px;border-width:8px 0 8px 13px;margin:0}
.shrine figcaption{margin-top:2.6rem}
.shrine .diya{bottom:-30px}
.days{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.days li{grid-template-columns:76px 1fr}
.days .d{display:block;line-height:1.4}

/* ---------- Panchang ---------- */
.pan-home{display:grid;grid-template-columns:1.6fr 1fr;gap:clamp(1.25rem,3vw,2.5rem);align-items:start;margin-top:1.5rem}
.pan-home aside h3{font-size:1.35rem;margin:0 0 .5rem}
@media (max-width:900px){.pan-home{grid-template-columns:1fr}}
.pcard{background:var(--paper);border:1px solid var(--chandan);border-radius:var(--r-l);padding:clamp(1.1rem,3vw,1.75rem);
  box-shadow:0 0 0 4px rgba(217,164,65,.12),0 18px 40px -26px rgba(120,60,10,.55);position:relative}
.pcard::before{content:"";position:absolute;inset:8px;border:1px solid rgba(217,164,65,.35);border-radius:calc(var(--r-l) - 6px);pointer-events:none}
.pc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;position:relative}
.pc-date{margin:0;color:var(--ink-soft);font-weight:500}
.pc-tithi{font-family:var(--display);font-weight:400;font-size:clamp(1.8rem,4.5vw,2.5rem);color:var(--sindoor-deep);margin:.1rem 0 .2rem}
.pc-sub{margin:0;color:var(--ink-soft);font-size:.98rem}
.chip.share{background:#1f8f4e;border-color:#1f8f4e;color:#fff;font-weight:600}
.chip.share:hover{background:#17733e}
.pc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.2rem 1.5rem;margin:1.25rem 0 0;position:relative}
.pc-grid div{padding:.7rem 0;border-top:1px dashed var(--chandan)}
.pc-grid dt{font-weight:600;font-size:.98rem}
.pc-grid dt small{display:block;font-weight:400;color:var(--ink-soft);font-size:.84rem}
.pc-grid dd{margin:.15rem 0 0;font-family:var(--display);font-size:1.15rem}
.pc-grid .good dt::before{content:"";display:inline-block;width:.55rem;height:.55rem;border-radius:50%;background:var(--tulsi);margin-right:.4rem}
.pc-grid .bad dt::before{content:"";display:inline-block;width:.55rem;height:.55rem;border-radius:50%;background:var(--sindoor);margin-right:.4rem}
@media (max-width:560px){.pc-grid{grid-template-columns:1fr}}
.pc-fest{margin-top:1rem;position:relative;background:var(--paper-2);border-radius:var(--r-m);padding:.9rem 1.1rem}
.pc-fest h4{margin:0 0 .35rem;font-size:1rem}
.pc-fest ul{margin:0;padding:0;list-style:none}
.pc-fest li{padding:.15rem 0}
.pc-fest li a{font-weight:600}
.pc-fest li span{color:var(--ink-soft);font-size:.92rem}
.pc-fest .muted{color:var(--ink-soft)}
.pc-note{font-size:.9rem;color:var(--ink-soft);margin:.9rem 0 0;position:relative}
/* upcoming list */
.ulist{list-style:none;padding:0;margin:.5rem 0 0;display:grid;gap:.55rem}
.ulist li{display:grid;grid-template-columns:3.4rem 1fr;gap:.8rem;align-items:center}
.ulist time{display:grid;place-items:center;background:var(--ink);color:var(--paper);border-radius:var(--r-m);padding:.3rem 0;line-height:1.1}
.ulist time b{font-family:var(--display);font-weight:400;font-size:1.35rem}
.ulist time span{font-size:.75rem;opacity:.85}
.ulist a{text-decoration:none;color:var(--ink);display:block}
.ulist a strong{display:block;font-weight:600}
.ulist a span{color:var(--ink-soft);font-size:.9rem}
.ulist a:hover strong{color:var(--sindoor)}
.cal-m{margin:2rem 0 .4rem;color:var(--sindoor-deep)}
/* tables */
.tbl{overflow-x:auto;margin-top:1rem;border:1px solid var(--chandan);border-radius:var(--r-m);background:var(--paper)}
.ptable{border-collapse:collapse;width:100%;min-width:560px;font-size:.98rem}
.ptable th,.ptable td{text-align:left;padding:.65rem .8rem;border-bottom:1px solid var(--chandan);vertical-align:top}
.ptable thead th{background:var(--paper-2);font-weight:600;font-size:.92rem}
.ptable tbody th{font-weight:600;white-space:nowrap}
.ptable small{display:block;color:var(--ink-soft);font-weight:400;font-size:.84rem}
.ptable tr.has-f{background:rgba(232,163,23,.08)}
.ptable tr:last-child th,.ptable tr:last-child td{border-bottom:0}
.mnav{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-weight:600}
.gloss div{padding:.9rem 0;border-bottom:1px solid var(--chandan)}
.gloss dt{font-family:var(--display);font-size:1.3rem;color:var(--sindoor-deep)}
.gloss dd{margin:.2rem 0 0}

/* ---------- Home hero v3: two panels, panchang first ---------- */
.hero3{padding-block:clamp(1.25rem,3vw,2.25rem) calc(clamp(1.75rem,4vw,2.75rem) + 14px)}
.hero3 > .wrap{display:grid;grid-template-columns:1.25fr .9fr;gap:clamp(1rem,2.5vw,1.75rem);align-items:stretch}
.hero-pc{color:var(--ink)}
.hero-pc a{color:var(--sindoor-deep)}
.pc-h1{font-size:clamp(1.6rem,3.2vw,2.1rem);margin:0;color:var(--ink)}
.hero-pc .pc-tithi{margin:.6rem 0 .1rem}
.hero-pc .pc-grid{margin-top:.75rem}
.hero-pc .pc-grid div{padding:.5rem 0}
.pc-fh{font-family:var(--text);font-weight:600;font-size:1rem;margin:0 0 .3rem;color:var(--ink)}
.aaj-panel{position:relative;border-radius:var(--r-l);padding:clamp(1.1rem,2.5vw,1.6rem);text-align:center;
  background:radial-gradient(80% 60% at 50% 40%,rgba(246,190,90,.22),transparent 70%),var(--night-2);
  box-shadow:inset 0 0 0 1px rgba(246,210,122,.28),0 24px 50px -30px rgba(0,0,0,.8);display:flex;flex-direction:column;align-items:center}
.aaj-panel .when{color:var(--gold);font-weight:600;margin:0}
.aaj-panel h2{font-size:clamp(1.4rem,2.6vw,1.85rem);color:var(--gold-hi);margin:.15rem 0 1rem;text-wrap:balance}
.aaj-panel .shrine{width:min(220px,62%);margin:0}
.aaj-panel .shrine figcaption{margin-top:2.4rem}
.aaj-panel .say{color:var(--cream);opacity:.88;margin:.6rem 0 1rem;max-width:30rem}
.aaj-panel .actions{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-top:auto}
@media (max-width:900px){
  .hero3 > .wrap{grid-template-columns:1fr}
  .aaj-panel{order:-1;display:grid;grid-template-columns:110px 1fr;text-align:left;align-items:center;column-gap:1rem}
  .aaj-panel .when,.aaj-panel h2,.aaj-panel .say,.aaj-panel .actions{grid-column:2}
  .aaj-panel .shrine{grid-column:1;grid-row:1 / span 4;width:110px}
  .aaj-panel .shrine figcaption{display:none}
  .aaj-panel .diya{transform:translateX(-50%) scale(.6);bottom:-20px}
  .aaj-panel h2{margin-bottom:.3rem}
  .aaj-panel .say{margin:.2rem 0 .6rem;font-size:.95rem}
  .aaj-panel .actions{justify-content:flex-start;margin-top:0}
}
.night .hero-pc .pc-h1,.night .hero-pc .pc-fh{color:var(--ink)}
.night .hero-pc .pc-h1{color:var(--sindoor-deep)}
.hero-pc .pc-grid div{padding:.42rem 0}
.hero-pc .pc-fest{margin-top:.75rem;padding:.7rem 1rem}
.hero-pc .pc-note{margin-top:.6rem}
.verse.mantra{border-bottom:1px solid var(--chandan);padding:1.4rem 0}
.verse.mantra .m-name{font-family:var(--text);font-weight:600;font-size:1rem;color:var(--genda-deep);margin:0 0 .3rem}
.verse.mantra .line,.verse.mantra .mean{margin-left:0}
.lib-cats{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:0 0 1.5rem}
.lib-cats a{text-decoration:none}
.lib-count{color:var(--ink-soft);font-size:.95rem;text-align:center;margin:-.2rem 0 1rem}
/* library search + katha */
.lib-search{max-width:36rem;margin:0 auto 1rem}
.lib-search input{width:100%;max-width:none;font-size:1.08rem;padding:.8rem 1.1rem;border-radius:999px;border:1.5px solid var(--chandan);background:var(--paper)}
.lib-search input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 4px rgba(217,164,65,.2)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.paath li[hidden]{display:none}
.katha p{font-size:1.1rem;line-height:1.85}
.katha .k-h{margin-top:2rem;color:var(--sindoor-deep)}
.katha .k-h:first-child{margin-top:0}

/* ==========================================================
   v3 — Paath: reading rail on desktop + lamp-lit "paath mode"
   ========================================================== */
.paath-sec{padding-top:1.5rem;padding-bottom:0}
.paath-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:2.5rem}
@media (min-width:1000px){.paath-grid{grid-template-columns:minmax(0,46rem) 17.5rem;justify-content:space-between}}
.paath-rail{align-self:start}
@media (min-width:1000px){.paath-rail{position:sticky;top:1.25rem;margin-top:1.25rem}}
.rail-card{border:1px solid var(--chandan);border-radius:var(--r-l);padding:1.25rem 1.25rem 1.1rem;background:var(--paper-2);text-align:center}
.rail-count{font-family:var(--display);font-size:1.25rem;margin:0 0 .8rem;color:var(--ink)}
.rail-btn{width:100%;justify-content:center}
.rail-hint{font-size:.9rem;line-height:1.5;color:var(--ink-soft);margin:.75rem 0 0}
.rail-rel{margin-top:1.5rem}
.rail-rel h2{font-size:1.1rem;margin:0 0 .4rem}
.rail-rel ul{list-style:none;margin:0;padding:0}
.rail-rel a{display:block;padding:.6rem 0;border-bottom:1px solid var(--chandan);text-decoration:none;color:var(--ink)}
.rail-rel a strong{display:block;font-weight:600}
.rail-rel a span{font-size:.88rem;color:var(--ink-soft)}
.rail-rel a:hover strong{color:var(--sindoor)}
@media (max-width:999px){.rail-card{display:none}.rail-rel{margin-top:0}}
.chip-paath{border-color:var(--genda-deep);color:var(--ink);font-weight:600}
.chip-paath .pm-off{display:none}

/* verse numbers sit in a gold ring; doha gets a sindoor margin rule */
.verse .no{font-family:var(--display);font-size:1rem}
.verse.doha{border-left:3px solid var(--sindoor);border-radius:0 var(--r-s) var(--r-s) 0}

/* end of paath */
.paath-end{text-align:center;padding:2.25rem 0 .5rem;max-width:46rem}
.pe-mark{font-family:var(--display);font-size:2rem;color:var(--genda-deep);margin:0;letter-spacing:.1em}
.pe-text{font-family:var(--display);font-size:1.3rem;margin:.25rem 0 1rem}
.paath-diya{display:none}

/* ---- paath mode ---- */
.paath-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,#E8A317,#F0715C);z-index:30;display:none}
html.paath-on .paath-progress{display:block}
html.paath-on body{background:#100E2A}
html.paath-on .site-head,html.paath-on .site-foot,html.paath-on main>*:not(article),
html.paath-on article>*:not(.paath-sec),html.paath-on .paath-rail,html.paath-on .note,
html.paath-on [data-print]{display:none!important}
html.paath-on .paath-sec{min-height:100vh;color:#F6EBD8;padding:2.5rem 0 11rem;
  background:radial-gradient(ellipse 70% 45% at 50% 100%,rgba(245,170,60,.22),transparent 70%),#100E2A;background-attachment:fixed}
html.paath-on .paath-grid{display:block;max-width:44rem;margin:0 auto}
html.paath-on .lyrics{margin-top:0}
html.paath-on .verse{text-align:center;max-width:none;border-bottom:1px solid rgba(245,184,58,.14);padding:1.4rem 0}
html.paath-on .verse .no{float:none;margin:0 auto .5rem;color:#F5B83A;border-color:rgba(245,184,58,.5)}
html.paath-on .verse .no:empty{display:none}
html.paath-on .verse .line,html.paath-on .verse .mean{margin-left:0}
html.paath-on .verse .line{color:#FBEFD9;font-size:calc(var(--ls) * 1.18);line-height:1.9}
html.paath-on .verse .mean{color:#B9B3CC;max-width:36rem;margin:.6rem auto 0}
html.paath-on .verse.doha{background:none;border-left:0}
html.paath-on .verse.doha .line{color:#F5B83A}
html.paath-on .section-label{text-align:center;color:#F0715C}
html.paath-on .verse.mantra .m-name{color:#F5B83A}
html.paath-on .paath-end{margin:0 auto}
html.paath-on .pe-mark{color:#F5B83A}
html.paath-on .reader-tools{position:fixed;left:0;right:0;bottom:0;top:auto;margin:0;justify-content:center;z-index:25;
  background:rgba(16,14,42,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border-top:1px solid rgba(245,184,58,.28);border-bottom:0;padding:.75rem 16px calc(.75rem + env(safe-area-inset-bottom))}
html.paath-on .chip{color:#F6EBD8;border-color:rgba(245,184,58,.4)}
html.paath-on .chip[aria-pressed="true"]{background:#F5B83A;color:#100E2A;border-color:#F5B83A}
html.paath-on .chip-paath{background:transparent!important;color:#F6EBD8!important;border-color:rgba(245,184,58,.4)!important}
html.paath-on .chip-paath .pm-on{display:none}
html.paath-on .chip-paath .pm-off{display:inline}
html.paath-on .paath-diya{display:block;position:relative;width:84px;height:64px;margin:0 auto 1rem}
html.paath-on .paath-diya .diya{bottom:0}

/* ---- hub: browse by deity ---- */
.dv-wrap{margin-top:2.25rem;text-align:center}
.dv-h{font-size:1.35rem;margin:0}
.dv-today{margin:.35rem 0 0;color:var(--ink-soft)}
.linkish{background:none;border:0;padding:0;font:inherit;color:var(--sindoor-deep);text-decoration:underline;text-underline-offset:.2em;cursor:pointer}
.dv-row{width:max-content;max-width:100%;margin:0 auto;display:flex;gap:1.1rem;overflow-x:auto;padding:1rem 2px .75rem;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.dv{flex:0 0 auto;width:5.6rem;background:none;border:0;padding:0;font:inherit;color:var(--ink);cursor:pointer;scroll-snap-align:start;text-align:center}
.dv-img{display:block;width:5rem;height:5rem;margin:0 auto .45rem;border-radius:50%;overflow:hidden;
  box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--chandan);transition:box-shadow .2s}
.dv-img img{width:100%;height:100%;object-fit:cover}
.dv-n{font-size:.95rem;line-height:1.25;display:block}
.dv:hover .dv-img{box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--genda)}
.dv[aria-pressed="true"] .dv-img{box-shadow:0 0 0 2px var(--paper),0 0 0 5px var(--sindoor)}
.dv[aria-pressed="true"] .dv-n{color:var(--sindoor);font-weight:600}
@media (max-width:600px){html.paath-on .verse .line{font-size:var(--ls)}}
.verse.dhyan{background:linear-gradient(90deg,rgba(232,163,23,.10),transparent 70%);border-left:3px solid var(--genda-deep);padding-left:1rem;border-radius:0 var(--r-s) var(--r-s) 0}
html.paath-on .verse.dhyan{background:none;border-left:0}
html.paath-on .verse.dhyan .line{color:#F5B83A}
.verse .line,.verse .mean{overflow-wrap:anywhere}

/* ---- city-wise timings ---- */
.city-table td .en{display:block;font-size:.85rem;color:var(--ink-soft);font-weight:400}
.city-table td.big{font-family:var(--display);font-size:1.15rem;white-space:nowrap}
.city-table tr[hidden]{display:none}
.hot{padding-top:2rem;padding-bottom:0}
.hot-h{font-size:1.3rem;margin:0 0 .8rem;text-align:center}
.hot-list{list-style:none;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;max-width:60rem}
.hot-list a{display:block;text-decoration:none;color:var(--ink);border:1px solid var(--gold,#C9A24A);border-radius:var(--r-m);padding:.8rem 1.1rem;background:var(--paper-2);min-width:15rem}
.hot-list a strong{display:block;font-family:var(--display);font-weight:400;font-size:1.15rem;line-height:1.3}
.hot-list a span{font-size:.9rem;color:var(--ink-soft)}
.hot-list a:hover strong{color:var(--sindoor)}
.nv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:1.5rem}
.nv-card h3{font-size:1.3rem;margin:0 0 .5rem}
.nv-card table{width:100%;table-layout:fixed}.nv-card th{text-align:left;font-weight:600;padding-right:.75rem;width:38%}.nv-card td{overflow-wrap:anywhere}
.nv-card td.big{font-family:var(--display);font-size:1.15rem}
.nv-card .ptable{min-width:0}.nv-card td.big{white-space:normal}

/* ---- choghadiya ---- */
.ch-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:1.5rem;margin-top:1.5rem}
.chogh{min-width:0!important}
.chogh caption{text-align:left;font-family:var(--display);font-size:1.2rem;padding:.4rem 0}
.chogh tr.ch-good td:first-child{color:var(--tulsi,#2E7D57)}
.chogh tr.ch-bad td:first-child{color:var(--sindoor)}
.chogh tr.now td{background:rgba(232,163,23,.18);font-weight:600}
.ch-tom{margin-top:2.5rem}
.kaal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:.8rem}
.kaal-grid div{border:1px solid var(--chandan);border-radius:var(--r-m);padding:.8rem 1rem;background:var(--paper-2)}
.kaal-grid b{display:block;font-size:.95rem}
.kaal-grid span{display:block;font-family:var(--display);font-size:1.2rem}
.kaal-grid small{color:var(--ink-soft);font-size:.85rem}
.city-grid a{min-width:9rem}
.city-grid li[hidden]{display:none}

/* ---- calculator ---- */
.jcalc{max-width:46rem;margin-top:1rem}
.jrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:1rem}
.jcalc label{display:flex;flex-direction:column;gap:.35rem;font-weight:600}
.jcalc input,.jcalc select{font:inherit;padding:.6rem .8rem;border-radius:var(--r-s);border:1px solid var(--chandan);background:var(--paper);color:var(--ink);width:100%;box-sizing:border-box}
.jcalc .jchk{flex-direction:row;align-items:center;font-weight:400;margin:.8rem 0}
.jcalc .jchk input{width:auto}
.jcalc .btn{margin-top:.8rem}
.jout{max-width:46rem;margin-top:1.5rem;border:1px solid var(--gold,#C9A24A);border-radius:var(--r-l);padding:1.25rem;background:var(--paper-2)}
.jout h3{font-size:1.35rem;margin:0 0 .75rem}
.jt{min-width:0!important}.jt th{text-align:left;width:38%;vertical-align:top}
.jt mark{background:var(--genda);color:#1C2350;padding:0 .2rem;border-radius:3px}

/* ---- live darshan ---- */
.ld-player{max-width:56rem;margin:0 auto}
.ld-frame{position:relative;aspect-ratio:16/9;background:#100E2A;border-radius:var(--r-l);overflow:hidden;box-shadow:0 0 0 2px var(--gold,#C9A24A)}
.ld-frame img{width:100%;height:100%;object-fit:cover;opacity:.55}
.ld-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ld-start{position:absolute;inset:0;margin:auto;width:max-content;height:max-content;background:var(--sindoor);color:#FFF8EE;border:0;border-radius:999px;padding:.9rem 1.5rem;font:inherit;font-weight:600;font-size:1.1rem;cursor:pointer;box-shadow:0 8px 30px rgba(0,0,0,.4)}
.ld-start:hover{background:var(--sindoor-deep)}
.ld-modes{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1rem}
.ld-hint{text-align:center;font-size:.92rem;color:var(--ink-soft);margin:.6rem 0 0}
.ld-aarti summary{cursor:pointer;font-weight:600;font-size:1.1rem;padding:.4rem 0}
.ld-picks{list-style:none;margin:0 0 1.5rem;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.8rem}
.ld-pick{width:100%;background:var(--paper-2);border:1px solid var(--chandan);border-radius:var(--r-m);padding:.4rem .4rem .6rem;font:inherit;color:var(--ink);cursor:pointer;text-align:left}
.ld-pick[aria-pressed="true"]{border:2px solid var(--sindoor);background:var(--paper)}
.ld-thumb{display:block;aspect-ratio:1/1;border-radius:var(--r-s);overflow:hidden;margin-bottom:.4rem;background:#100E2A}
.ld-thumb img{width:100%;height:100%;object-fit:cover}
.ld-pick strong{display:block;font-size:.95rem;line-height:1.3}
.ld-pick small{color:var(--ink-soft);font-size:.82rem}
.ld-name{font-size:1.35rem;margin:0 0 .6rem;text-align:center}
.ld-frame .ld-start{position:absolute;inset:0;margin:auto}
.ld-aarti h3{font-size:1.3rem;margin:0}
.ld-bhw{margin-top:1.25rem}
.ld-bhw h3{font-size:1.1rem;margin:0 0 .5rem;text-align:center}
.ld-bh{position:relative;aspect-ratio:16/9;max-width:30rem;margin:0 auto;border-radius:var(--r-m);overflow:hidden;background:#100E2A}
.ld-bh iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* ---- Home hero v4: compact panchang + live darshan above the fold ---- */
.hero4{padding-block:clamp(.9rem,2vw,1.4rem) calc(clamp(1.2rem,3vw,1.8rem) + 14px)}
.hero4 > .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:stretch;gap:clamp(.8rem,2vw,1.25rem)}
.hero-pc.mini{padding:clamp(.9rem,2vw,1.2rem) clamp(1rem,2.2vw,1.35rem)}
.hero-pc.mini .pc-head{flex-wrap:nowrap;align-items:center}
.hero-pc.mini .pc-h1{font-size:clamp(1.35rem,2.4vw,1.65rem)}
.hero-pc.mini .pc-date{font-size:.9rem}
.hero-pc.mini .share{font-size:.8rem;padding:.38rem .75rem;white-space:nowrap}
.hero-pc.mini .pc-tithi{font-size:clamp(1.45rem,2.8vw,1.85rem);margin:.35rem 0 0}
.hero-pc.mini .pc-sub{font-size:.86rem}
.hero-pc.mini .pc-grid{grid-template-columns:1fr 1fr;gap:0 1rem;margin-top:.45rem}
.hero-pc.mini .pc-grid > div:nth-child(n+5){display:none}
.hero-pc.mini .pc-grid div{padding:.32rem 0}
.hero-pc.mini .pc-grid dt{font-size:.85rem}
.hero-pc.mini .pc-grid dt small{display:none}
.hero-pc.mini .pc-grid dd{font-size:1rem;margin-top:.05rem}
.hero-pc.mini .pc-fest{margin-top:.5rem;padding:.45rem .8rem;display:flex;flex-wrap:wrap;gap:.2rem .5rem;align-items:baseline}
.hero-pc.mini .pc-fh{font-size:.88rem;margin:0}
.hero-pc.mini .pc-fest li{padding:0;font-size:.92rem}
.hero-pc.mini .pc-note{font-size:.8rem;margin-top:.4rem}
.hl-live{border-radius:var(--r-l);padding:clamp(.85rem,2vw,1.15rem);min-width:0;
  background:radial-gradient(70% 50% at 50% 0%,rgba(246,190,90,.18),transparent 70%),var(--night-2);
  box-shadow:inset 0 0 0 1px rgba(246,210,122,.3),0 24px 50px -30px rgba(0,0,0,.8)}
.hl-head{display:flex;justify-content:space-between;align-items:center;gap:.8rem}
.hl-head h2{margin:0;color:var(--gold-hi);font-size:clamp(1.15rem,2.2vw,1.4rem);display:flex;align-items:center;gap:.55rem}
.hl-dot{flex:none;width:.7rem;height:.7rem;border-radius:50%;background:#e01e1e;animation:hlp 1.6s infinite}
@keyframes hlp{0%{box-shadow:0 0 0 0 rgba(224,30,30,.75)}70%{box-shadow:0 0 0 9px rgba(224,30,30,0)}100%{box-shadow:0 0 0 0 rgba(224,30,30,0)}}
.hl-head a{color:var(--gold);font-weight:600;font-size:.92rem;white-space:nowrap}
.hl-grid{list-style:none;margin:.7rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}
.hl-grid a{display:block;border-radius:9px;overflow:hidden;box-shadow:0 0 0 1px rgba(246,210,122,.35);background:#120814}
.hl-grid img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .3s}
.hl-grid a:hover img,.hl-grid a:focus-visible img{transform:scale(1.07)}
.hl-grid span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.aaj-panel.slim{grid-column:1 / -1;flex-direction:row;align-items:center;gap:1rem;text-align:left;padding:.7rem 1.1rem}
.aaj-panel.slim .shrine{width:58px;flex:none;margin:0}
.aaj-panel.slim .shrine figcaption,.aaj-panel.slim .diya{display:none}
.aaj-panel.slim .aaj-txt{flex:1;min-width:0}
.aaj-panel.slim h2{margin:0;font-size:clamp(1.1rem,2vw,1.3rem)}
.aaj-panel.slim .say{margin:.1rem 0 0;font-size:.9rem;max-width:none}
.aaj-panel.slim .actions{margin:0;flex:none;justify-content:flex-end}
@media (max-width:900px){
  .hero4 > .wrap{grid-template-columns:minmax(0,1fr)}
  .aaj-panel.slim{order:0;display:flex;flex-wrap:wrap;column-gap:.8rem;row-gap:.5rem}
  .aaj-panel.slim .shrine{width:46px}
  .aaj-panel.slim .say{display:none}
  .aaj-panel.slim .actions{width:100%;justify-content:flex-start}
  .hl-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:44%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.35rem;scrollbar-width:thin}
  .hl-grid li{scroll-snap-align:start}
}
.hl-live{display:flex;flex-direction:column}
.hl-grid{margin-block:auto}
.hl-note{margin:.6rem 0 0;color:var(--cream);opacity:.8;font-size:.88rem}
@media (max-width:900px){.hl-note{display:none}}
.hl-grid{min-width:0;max-width:100%}
.hl-grid a{position:relative}
/* home: play darshan in place */
.hl-stage[hidden]{display:none}
.hl-now{margin:.6rem 0 .45rem;color:var(--cream);font-weight:600;display:flex;align-items:center;gap:.5rem}
.hl-frame{position:relative;aspect-ratio:16/9;border-radius:var(--r-m);overflow:hidden;background:#100E2A;box-shadow:0 0 0 2px var(--gold,#C9A24A)}
.hl-frame iframe,#hl-bh iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.hl-ctrl{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:.4rem .9rem;margin-top:.6rem;align-items:start}
.hl-modes{display:flex;flex-wrap:wrap;gap:.4rem}
.hl-modes .chip{font-size:.85rem}
.hl-tip{grid-column:1;margin:0;color:var(--cream);opacity:.78;font-size:.82rem}
.hl-bh{grid-column:2;grid-row:1 / span 2}
.hl-bh p{margin:0 0 .25rem;color:var(--gold);font-size:.8rem;font-weight:600}
#hl-bh{position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#100E2A}
.hl-live.playing .hl-note{display:none}
.hl-live.playing .hl-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,23%);overflow-x:auto;margin-top:.7rem;padding-bottom:.35rem}
.hl-grid a.on{box-shadow:0 0 0 3px #e01e1e}
@media (max-width:900px){.hl-ctrl{grid-template-columns:minmax(0,1fr)}.hl-bh{grid-column:1;grid-row:auto;max-width:260px}
 .hl-live.playing .hl-grid{grid-auto-columns:40%}}
.hero4 > .wrap{align-items:start}
.hl-live .chip{color:var(--cream);border-color:rgba(246,210,122,.55);background:transparent}
.hl-live .chip[aria-pressed="true"]{background:var(--gold,#C9A24A);color:#1a0d05;border-color:transparent}
.hl-live .chip:hover{border-color:var(--gold)}
.chip.live-chip{border-color:#e01e1e}
.chip.live-chip[aria-pressed="true"]{background:#e01e1e;color:#fff;border-color:#e01e1e}
/* own bhajan audio player */
.is-audio{aspect-ratio:auto!important;background:none!important;overflow:visible!important}
.okb-ap{display:flex;align-items:center;gap:.45rem;padding:.55rem .7rem;border-radius:12px;background:linear-gradient(135deg,#2a1206,#160a14);box-shadow:inset 0 0 0 1px rgba(246,210,122,.4);color:var(--cream,#fff4dc)}
.ap-b{flex:none;width:2.2rem;height:2.2rem;border-radius:50%;border:1px solid rgba(246,210,122,.5);background:transparent;color:inherit;font-size:.95rem;cursor:pointer;line-height:1}
.ap-play{width:2.7rem;height:2.7rem;background:var(--gold,#C9A24A);color:#1a0d05;border:0;font-size:1.1rem}
.ap-info{flex:1;min-width:0}
.ap-t{display:block;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ap-bar{height:5px;border-radius:3px;background:rgba(255,255,255,.18);margin:.3rem 0 .15rem;cursor:pointer}
.ap-bar i{display:block;height:100%;width:0;border-radius:3px;background:var(--gold,#C9A24A)}
.ap-n{font-size:.72rem;opacity:.7}
.okb-ap{flex-wrap:wrap;justify-content:center}
.okb-ap .ap-info{order:-1;flex-basis:100%}
.hl-ctrl{grid-template-columns:minmax(0,1fr) 240px}
@media (max-width:900px){.hl-ctrl{grid-template-columns:minmax(0,1fr)}}
@media (min-width:901px){.hl-live:not(.playing) .hl-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem}}
/* bhajan: own MP3 player + small muted OmKiran video */
.bh-aud:empty{display:none}
.bh-aud{margin-bottom:.45rem}
#hl-bh{width:200px;max-width:100%}
.ld-bhw .bh-row{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;justify-content:center}
.ld-bhw .bh-aud{flex:1 1 280px;max-width:30rem;margin:0}
.ld-bh{width:220px;max-width:100%;margin:0;flex:none}
.hl-ctrl{grid-template-columns:minmax(0,1fr) 260px}
@media (max-width:900px){.hl-ctrl{grid-template-columns:minmax(0,1fr)}.hl-bh{max-width:none}}
/* square temple thumbnails (text is on the image) */
.ld-thumb{aspect-ratio:1/1}
.hl-grid img{aspect-ratio:1/1}
@media (min-width:901px){.hl-live:not(.playing) .hl-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.4rem}}
@media (max-width:900px){.hl-grid{grid-auto-columns:34%}.hl-live.playing .hl-grid{grid-auto-columns:28%}}
.hl-live.playing .hl-grid{grid-auto-columns:minmax(0,13%)}
/* live chip: moving dot to draw attention */
.lv-dot{display:inline-block;width:.6rem;height:.6rem;border-radius:50%;background:#e01e1e;margin-right:.45rem;vertical-align:.05em;animation:hlp 1.2s infinite}
.live-chip[aria-pressed="true"] .lv-dot{background:#fff}
.live-chip{animation:lvnudge 3.5s ease-in-out infinite}
@keyframes lvnudge{0%,86%,100%{transform:none}89%{transform:translateX(-2px) rotate(-2deg)}92%{transform:translateX(2px) rotate(2deg)}95%{transform:translateX(-1px)}}
@media (prefers-reduced-motion:reduce){.live-chip,.lv-dot{animation:none}}
/* one-line aarti under the darshan window */
.ld-aline,.hl-aline{display:block;margin:.55rem 0 0;font-size:.95rem}
.ld-aline summary{cursor:pointer;list-style:none;padding:.45rem .8rem;border:1px solid var(--chandan);border-radius:999px;display:inline-block;background:var(--paper-2)}
.ld-aline summary::-webkit-details-marker{display:none}
.ld-aline[open] summary{margin-bottom:.5rem}
.ld-aline .lyrics{max-height:55vh;overflow:auto;padding:.4rem .2rem}
.hl-aline{color:var(--gold-hi,#f6d27a)}
.hl-aline[hidden],.ld-aline[hidden]{display:none}
/* OmKiran welcome card with small muted video */
.ok-card{display:flex;align-items:center;gap:.8rem;margin-top:.7rem;padding:.6rem;border-radius:var(--r-m);background:linear-gradient(135deg,#2a1206,#160a14);box-shadow:inset 0 0 0 1px rgba(246,210,122,.4);color:#fff4dc}
.ok-yt{position:relative;flex:none;width:200px;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#100E2A}
.ok-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ok-msg{min-width:0}
.ok-msg b{display:block;color:#ffd54a;font-size:1rem}
.ok-msg p{margin:.15rem 0 .45rem;font-size:.86rem;opacity:.9;color:#fff4dc}
.ok-sub{display:inline-block;background:#e01e1e;color:#fff!important;font-weight:700;padding:.38rem .9rem;border-radius:999px;text-decoration:none;font-size:.88rem}
.ok-sub:hover{background:#c41212}
.bh-aud{margin-top:.6rem}
.hl-modes{margin-top:.6rem}
#hl-bh{width:200px}
@media (max-width:480px){.ok-card{flex-wrap:wrap}.ok-yt{width:100%;max-width:260px}}
@media (max-width:900px){.hl-live.playing .hl-grid{grid-auto-columns:26%}}
/* header mark + Samarkan-style wordmark */
.brand img{width:62px;height:auto;border-radius:0;filter:drop-shadow(0 2px 4px rgba(200,80,0,.25))}
.brand b{font-family:"Samarkan",var(--display);font-size:1.7rem;letter-spacing:.02em;background:linear-gradient(180deg,#e8590c,#b3200e);-webkit-background-clip:text;background-clip:text;color:transparent}
@media (max-width:420px){.brand img{width:50px}.brand b{font-size:1.4rem}}
/* welcome petal shower */
.petal-rain{position:fixed;inset:0;pointer-events:none;z-index:60;overflow:hidden}
.petal-rain i{position:absolute;top:-40px;border-radius:60% 10% 60% 10%;opacity:.95;animation-name:petalFall,petalSway;animation-timing-function:linear,ease-in-out;animation-iteration-count:1,infinite;animation-fill-mode:forwards;box-shadow:0 2px 6px rgba(0,0,0,.15)}
@keyframes petalFall{0%{transform:translateY(0) rotate(0)}100%{transform:translateY(110vh) rotate(540deg);opacity:.85}}
@keyframes petalSway{0%,100%{margin-left:-18px}50%{margin-left:18px}}
.welcome-toast{position:fixed;left:50%;top:18px;transform:translate(-50%,-30px);opacity:0;z-index:61;display:flex;align-items:center;gap:.7rem;
  padding:.6rem 1.2rem .6rem .7rem;border-radius:999px;background:linear-gradient(135deg,#3a1206,#1a0a14);color:#fff4dc;
  box-shadow:0 0 0 1px rgba(246,210,122,.55),0 12px 40px rgba(0,0,0,.45),0 0 40px rgba(255,170,40,.35);animation:wtIn .7s .3s cubic-bezier(.2,.9,.3,1.2) forwards;max-width:calc(100vw - 32px)}
.welcome-toast.out{animation:wtOut .6s forwards}
.welcome-toast b{display:block;font-family:var(--display);font-size:1.15rem;color:#ffd54a;line-height:1.2}
.welcome-toast small{display:block;font-size:.8rem;opacity:.85}
.wt-om{flex:none;width:2.4rem;height:2.4rem;border-radius:50%;display:grid;place-items:center;font-size:1.5rem;color:#fff;background:radial-gradient(circle,#ffb347,#e8590c);animation:omGlow 1.6s ease-in-out infinite}
@keyframes wtIn{to{transform:translate(-50%,0);opacity:1}}
@keyframes wtOut{to{transform:translate(-50%,-30px);opacity:0}}
@keyframes omGlow{0%,100%{box-shadow:0 0 0 0 rgba(255,170,40,.6)}50%{box-shadow:0 0 18px 6px rgba(255,170,40,.55)}}
/* gentle glow on the live darshan title */
.hl-head h2{animation:titleGlow 3s ease-in-out infinite}
@keyframes titleGlow{0%,100%{text-shadow:0 0 0 rgba(255,200,80,0)}50%{text-shadow:0 0 14px rgba(255,200,80,.55)}}
@media (prefers-reduced-motion:reduce){.hl-head h2,.wt-om{animation:none}}
/* WhatsApp channel join */
.join-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem 1rem;padding:1rem 0;border-top:1px solid rgba(246,210,122,.25);text-align:center}
.join-strip span{flex-basis:100%;opacity:.9}
.wa-join,.ok-wa{display:inline-flex;align-items:center;gap:.4rem;background:#25d366;color:#06301a!important;font-weight:700;padding:.5rem 1rem;border-radius:999px;text-decoration:none}
.wa-join:hover,.ok-wa:hover{background:#1ebe5a}
.yt-join{display:inline-flex;align-items:center;background:#e01e1e;color:#fff!important;font-weight:700;padding:.5rem 1rem;border-radius:999px;text-decoration:none}
.ok-wa{padding:.38rem .9rem;font-size:.88rem;margin-left:.3rem}
.wa-float{position:fixed;right:16px;bottom:16px;z-index:50;display:flex;align-items:center;gap:.4rem;background:#25d366;color:#06301a!important;font-weight:700;text-decoration:none;
  padding:.65rem .9rem;border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.25);animation:waPop 4s ease-in-out 2s infinite}
.wa-float svg{width:22px;height:22px}
@keyframes waPop{0%,90%,100%{transform:none}93%{transform:scale(1.08)}96%{transform:scale(.97)}}
@media (max-width:600px){.wa-float span{display:none}.wa-float{padding:.7rem}}
@media print{.wa-float{display:none}}
@media (prefers-reduced-motion:reduce){.wa-float{animation:none}}
/* ===== Inner pages polish: tighter, cleaner rhythm ===== */
section{padding:clamp(1.8rem,4vw,3rem) 0}
.page-band{padding-top:clamp(1.3rem,3vw,2.2rem)}
.night.scallop.page-band{padding-bottom:calc(clamp(1.6rem,3.5vw,2.6rem) + 14px)}
.page-band .wrap{grid-template-columns:1fr 190px;align-items:center}
.page-band .arch{width:190px}
.page-band h1{font-size:clamp(1.75rem,4.2vw,3rem);line-height:1.15;margin-bottom:.35em;text-wrap:balance}
.page-band .crumbs-in{margin-bottom:.6rem}
.page-band .answer{font-size:1.06rem;line-height:1.75;background:linear-gradient(90deg,rgba(246,210,122,.08),transparent 80%);border-radius:0 10px 10px 0;padding:.55rem .9rem .55rem 1rem}
.page-band p{margin-bottom:.6rem}
.sec-head{margin-bottom:clamp(1rem,2.5vw,1.6rem)}
.sec-head h2{font-size:clamp(1.45rem,3vw,2rem)}
.reader-tools{gap:.4rem;padding-bottom:.8rem;margin-bottom:.2rem}
.reader-tools .chip{padding:.38rem .8rem;font-size:.88rem}
.verse{padding:.85rem 0}
.paath-rail .rail-card{box-shadow:0 10px 28px -18px rgba(120,60,10,.45)}
.ptable{box-shadow:0 10px 30px -22px rgba(120,60,10,.5)}
.hot{padding:1.2rem 0}
@media (max-width:760px){
  .page-band .wrap{grid-template-columns:minmax(0,1fr) 84px;gap:.9rem;align-items:start}
  .page-band .arch{width:84px;order:0;padding:3px;margin-top:.2rem}
  .page-band .arch::before{inset:3px}
  .page-band h1{font-size:clamp(1.45rem,6.4vw,1.9rem)}
  .page-band .answer{font-size:.98rem;line-height:1.7;padding:.45rem .7rem}
  .page-band .wrap > div:first-child{min-width:0}
  .page-band .answer,.page-band .lede,.page-band .wrap > div:first-child > p{grid-column:1 / -1}
  .lyrics{--ls:1.22rem}
  .verse .line,.verse .mean{margin-left:2.3rem}
  .verse .no{width:1.7rem;height:1.7rem;font-size:.8rem;margin-top:.4rem}
  .verse .mean{font-size:.95rem}
  .verse.doha{padding-left:.3rem}
  .reader-tools{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .reader-tools::-webkit-scrollbar{display:none}
  .reader-tools .chip{flex:none}
  section{padding:1.6rem 0}
  .ptable th,.ptable td{padding:.55rem .6rem}
}
@media (max-width:760px){.page-band .wrap > div:first-child > p:not(.answer){font-size:.95rem;line-height:1.65}}
@media (max-width:760px){
  .videos{grid-template-columns:1fr 1fr;gap:1rem .75rem}
  .video h3{font-size:.9rem;line-height:1.35}
  .video p{font-size:.78rem}
  .video .play{transform:scale(.75);transform-origin:left bottom}
}
@media (max-width:520px){
  .paath{gap:.6rem}
  .paath a{grid-template-columns:48px 1fr;gap:.7rem;padding:.55rem .7rem}
  .paath strong{font-size:1.02rem}
  .paath span{font-size:.82rem}
}
.brand img{width:96px}
.brand b{font-size:2rem}
.brand small{font-size:.82rem}
@media (max-width:760px){.brand img{width:72px}.brand b{font-size:1.55rem}}
@media (max-width:380px){.brand img{width:60px}.brand b{font-size:1.35rem}}
.wa-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:1.2rem}
.wa-card{background:var(--paper-2);border:1px solid var(--chandan);border-radius:var(--r-l);padding:1rem}
.wa-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.wa-top h2{font-size:1.2rem;margin:0}
.wa-top img{width:84px;height:auto;border-radius:10px}
.wa-txt{white-space:pre-wrap;word-break:break-word;font-family:var(--text);font-size:.92rem;line-height:1.6;background:#e7f7e0;color:#1b2b16;border-radius:12px;padding:.9rem 1rem;margin:.8rem 0;max-height:60vh;overflow:auto}
.wa-btns{display:flex;flex-wrap:wrap;gap:.5rem}
.brand b{white-space:nowrap}
@media (max-width:760px){.brand{gap:.45rem}.brand img{width:62px}.brand b{font-size:1.38rem}.brand small{font-size:.72rem}}
@media (max-width:380px){.brand img{width:52px}.brand b{font-size:1.2rem}}
.okb-count{flex-basis:100%;margin:0 0 .3rem;font-size:1.02rem;color:var(--gold-hi,#f6d27a)}
.okb-count b{font-size:1.15rem;color:#ffd54a}
.kw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:.8rem}
.kw-card{background:var(--paper);border:1px solid var(--chandan);border-radius:var(--r-m);padding:.75rem .9rem}
.kw-card h3{font-size:1.02rem;margin:0 0 .35rem}
.kw-card p{margin:0;font-size:.88rem;line-height:1.7;color:var(--ink-soft)}
.kw-card p a{color:inherit}
/* quick icon strip (home) */
.qi-sec{padding:1.4rem 0 .6rem;background:var(--paper)}
.qi{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.6rem}
.qi a{display:flex;flex-direction:column;align-items:center;gap:.45rem;text-decoration:none;color:var(--ink);text-align:center}
.qi-ring{position:relative;display:block;width:100%;max-width:84px;aspect-ratio:1;border-radius:50%;padding:3px;
  background:conic-gradient(from 210deg,#ffd166,#f77f00,#e63946,#f77f00,#ffd166);box-shadow:0 8px 20px -10px rgba(160,70,10,.7);transition:transform .25s}
.qi-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:50% 22%;border:2px solid var(--paper);display:block}
.qi-live::after{content:"LIVE";position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);background:#e01e1e;color:#fff;font:700 .58rem/1 system-ui;padding:3px 6px;border-radius:6px;letter-spacing:.04em;animation:hlp 1.6s infinite}
.qi b{font-weight:600;font-size:.86rem;line-height:1.2}
.qi a:hover .qi-ring,.qi a:focus-visible .qi-ring{transform:translateY(-3px) scale(1.05)}
@media (max-width:900px){.qi{grid-template-columns:repeat(6,minmax(0,1fr));gap:.9rem .5rem}}
@media (max-width:480px){.qi{grid-template-columns:repeat(4,minmax(0,1fr))}.qi b{font-size:.78rem}.qi-ring{max-width:68px}}
/* festival info: puja vidhi steps */
.steps{max-width:var(--measure);margin:.5rem 0 0;padding:0;list-style:none;counter-reset:st}
.steps li{counter-increment:st;position:relative;padding:.55rem 0 .55rem 2.6rem;border-bottom:1px dashed rgba(0,0,0,.08);line-height:1.6}
.steps li::before{content:counter(st);position:absolute;left:0;top:.5rem;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--genda);color:#fff;font-weight:600;display:grid;place-items:center;font-size:.9rem}
.answer+.answer{margin-top:.9rem}
/* do / don't + checklists */
.dd-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
@media (max-width:760px){.dd-grid{grid-template-columns:1fr}}
.dd{border-radius:14px;padding:1rem 1.25rem;border:1px solid rgba(0,0,0,.08);background:#fff}
.dd.do{border-top:4px solid #2e8b57}.dd.dont{border-top:4px solid #c0392b}
.dd h2{font-size:1.2rem;margin:.2rem 0 .6rem}
.chk{list-style:none;margin:0;padding:0}
.chk li{position:relative;padding:.45rem 0 .45rem 1.6rem;border-bottom:1px dashed rgba(0,0,0,.08);line-height:1.55}
.chk li:last-child{border-bottom:0}
.dd.do .chk li::before{content:"✓";position:absolute;left:0;color:#2e8b57;font-weight:700}
.dd.dont .chk li::before{content:"✕";position:absolute;left:0;color:#c0392b;font-weight:700}
.chk.tick li::before{content:"☐";position:absolute;left:0;color:var(--genda)}
.sg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}
.sg{background:#fff;border-radius:14px;padding:1rem 1.15rem;border:1px solid rgba(0,0,0,.08)}
.sg h3{margin:.1rem 0 .4rem;font-size:1.05rem;color:var(--sindoor,#a3271f)}
@media print{.sg-grid{grid-template-columns:1fr 1fr}.sg{break-inside:avoid;border:1px solid #999}}
/* Roman (English letters) lyrics */
.ro summary{cursor:pointer;list-style:none;display:flex;flex-direction:column;gap:.2rem}
.ro summary::-webkit-details-marker{display:none}
.ro summary h2{margin:0;font-size:1.25rem}
.ro summary h2::after{content:" ▾";color:var(--genda)}
.ro[open] summary h2::after{content:" ▴"}
.ro summary span{color:var(--muted,#6b5a4a);font-size:.95rem}
.ro-body{margin-top:1rem;max-width:var(--measure)}
.ro-line{margin:.1rem 0 .9rem;line-height:1.7;font-size:1.05rem}

/* ---------- Grouped main menu with icons ---------- */
.ic{width:20px;height:20px;flex:none}
.nav{gap:.15rem;align-items:center}
.ng{position:relative}
.ng-h{display:flex;align-items:center;gap:.35rem;padding:.4rem .6rem;border-radius:999px;color:var(--ink);text-decoration:none;border:0!important;white-space:nowrap}
.ng-h .ic{color:var(--sindoor)}
.ng-h .ic-chev{width:14px;height:14px;opacity:.6}
.ng-h:hover,.ng:focus-within>.ng-h,.ng.on>.ng-h{background:var(--paper-2);color:var(--ink)}
.ng.on>.ng-h span{text-decoration:underline;text-decoration-color:var(--sindoor);text-underline-offset:.35em;text-decoration-thickness:2px}
.ng-p{display:none;position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);min-width:270px;background:var(--paper);border:1px solid var(--chandan);border-radius:var(--r-m);box-shadow:0 18px 40px -18px rgba(28,35,80,.35);padding:.5rem;z-index:30}
.ng-p::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.ng:hover>.ng-p,.ng:focus-within>.ng-p{display:block}
.ng-t{display:none}
.ng-p ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.ng-p a{display:flex;flex-direction:column;padding:.5rem .75rem;border-radius:10px;text-decoration:none;color:var(--ink);border:0!important}
.ng-p a b{font-weight:600}
.ng-p a small{color:var(--ink-soft);font-size:.82rem;line-height:1.3}
.ng-p a:hover,.ng-p a[aria-current="page"]{background:var(--paper-2)}
@media (max-width:1180px){.ng-h .ic{display:none}}
@media (max-width:1060px){
  .menu-btn{display:inline-block}
  .site-head{position:relative}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--chandan);padding:.75rem max(16px,env(safe-area-inset-left,0px)) 1.25rem;z-index:30;max-height:80vh;overflow:auto;flex-direction:column;align-items:stretch;gap:.9rem;box-shadow:0 20px 30px -20px rgba(28,35,80,.4)}
  .nav.open{display:flex}
  .ng>.ng-h{display:none}
  .ng.solo>.ng-h{display:flex;background:var(--paper-2);font-weight:600;padding:.7rem .9rem;border-radius:var(--r-m)}
  .ng.solo>.ng-h .ic{display:block}
  .ng-p{display:block;position:static;transform:none;box-shadow:none;border:0;padding:0;min-width:0;background:none}
  .ng-t{display:flex;align-items:center;gap:.4rem;margin:0 0 .3rem;font-family:var(--display);font-size:1.15rem;color:var(--sindoor-deep)}
  .ng-t .ic{color:var(--sindoor)}
  .ng-p ul{grid-template-columns:1fr 1fr;gap:4px}
  .ng-p a{padding:.45rem .6rem;background:var(--paper-2)}
  .ng-p a small{display:none}
}

/* ---------- Icon tiles (explore) ---------- */
.xg-wrap{display:block}
.x-h{text-align:center;margin-bottom:1.25rem}
.xg{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:1.4rem .5rem;max-width:980px}
@media (max-width:820px){.xg{grid-template-columns:repeat(4,minmax(0,1fr))}}
.xt{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-decoration:none;color:var(--ink);text-align:center;font-size:.95rem;line-height:1.25}
.xt b{font-weight:500}
.xi{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--g);box-shadow:0 8px 16px -8px var(--gs),inset 0 -3px 0 rgba(0,0,0,.12);transition:transform .2s ease}
.xi .ic{width:34px;height:34px;color:#fff}
.xt:hover{color:var(--sindoor-deep)}
.xt:hover .xi{transform:translateY(-3px)}
.xt.h1{--g:linear-gradient(140deg,#F8B133,#E2622A);--gs:#E2622A}
.xt.h2{--g:linear-gradient(140deg,#E2533B,#A8241B);--gs:#A8241B}
.xt.h3{--g:linear-gradient(140deg,#F4C04A,#D88A0C);--gs:#D88A0C}
.xt.h4{--g:linear-gradient(140deg,#2FA5A0,#17636E);--gs:#17636E}
.xt.h5{--g:linear-gradient(140deg,#7D6AE0,#3C2F96);--gs:#3C2F96}
.xt.h6{--g:linear-gradient(140deg,#3E8EDB,#1E4E9A);--gs:#1E4E9A}
.xt.h7{--g:linear-gradient(140deg,#5DAE73,#2A6B45);--gs:#2A6B45}
.xt.h8{--g:linear-gradient(140deg,#EF7AA5,#B23A6E);--gs:#B23A6E}
.xplore{background:var(--paper-2);border-top:1px solid var(--chandan)}
.xt .cnt{font-size:.78rem;color:var(--ink-soft)}
@media (prefers-reduced-motion:reduce){.xi{transition:none}}

/* English edition */
.en-lyrics .line.ro{font-family:var(--body,inherit);font-size:1.15em;font-weight:500}
.en-lyrics .line-dev{white-space:pre-line;font-family:'Tiro Devanagari Hindi',serif;color:var(--ink-soft);font-size:.95em;margin:.2rem 0 0 3rem}
body.no-dev .line-dev{display:none}

/* Puja samagri (affiliate) box */
.samagri-box{margin:2rem 0 0 3rem;max-width:40rem;border:1px solid var(--chandan);border-radius:14px;padding:1rem 1.2rem;background:var(--paper)}
.samagri-box h2{font-size:1.15rem;margin:0 0 .6rem}
.samagri-box ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.samagri-box li a{display:inline-block;padding:.45rem .8rem;border:1px solid var(--chandan);border-radius:999px;text-decoration:none;color:var(--ink);font-size:.95rem}
.samagri-box li a:hover{border-color:var(--sindoor)}
.samagri-box .aff-note{font-size:.8rem;color:var(--ink-soft);margin:.7rem 0 0}
@media (max-width:600px){.samagri-box{margin-left:0}}