/* Divya Granth home: today's panchang strip and card. */
.dgPanchangStrip{display:flex;align-items:center;gap:10px;margin:10px auto 14px;max-width:1120px;width:calc(100% - 26px);padding:10px 14px;border-radius:18px;
 background:linear-gradient(135deg,#1d4a3c,#123329);border:1px solid #e3c28a55;color:#f8ecd2;text-decoration:none;
 box-shadow:0 2px 0 #ffffff12 inset,0 12px 24px -14px #000c;font-family:'Noto Sans Devanagari','DM Sans',system-ui,sans-serif}
.dgPanchangStrip[hidden]{display:none}
.dgPsIcon{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:#e9c88c22}
.dgPsBody{flex:1;min-width:0;line-height:1.3}
.dgPsBody small{display:block;font-size:11.5px;color:#e9c88c}
.dgPsBody b{display:block;font-size:15.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dgPsBody span{display:block;font-size:12.5px;color:#c9d8cc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dgPsGo{flex:none;font-size:22px;color:#e9c88c}

.dgTodayPanchang{position:relative;max-width:1120px;width:calc(100% - 26px);margin:18px auto;padding:20px 18px 16px;border-radius:26px;overflow:hidden;
 background:radial-gradient(circle at 88% 12%,#3c7a62 0%,#1d4a3c 38%,#112f26 100%);border:1px solid #e3c28a55;color:#f8ecd2;
 box-shadow:0 2px 0 #ffffff14 inset,0 30px 50px -24px #000c;font-family:'Noto Sans Devanagari','DM Sans',system-ui,sans-serif}
.dgTodayPanchang::before{content:'ॐ';position:absolute;right:-6px;bottom:-46px;font:190px 'Noto Serif Devanagari',serif;color:#ffffff06;pointer-events:none}
.dgTpHead{display:flex;justify-content:space-between;align-items:center;gap:10px}
.dgTpEyebrow{margin:0;font-size:13px;color:#e9c88c}
.dgTpHead button{flex:none;border:1px solid #e9c88c66;background:#e9c88c1a;color:#f8ecd2;border-radius:999px;padding:8px 13px;min-height:44px;font-weight:700;font-size:13.5px;font-family:inherit;cursor:pointer}
.dgTpMain{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin-top:6px}
.dgTpMain h2{margin:2px 0;font:600 clamp(32px,8vw,46px)/1.15 'Noto Serif Devanagari',Georgia,serif;color:#fff6e2;text-shadow:0 2px 10px #0006}
.dgTpSub{margin:0;font-size:15px;color:#f1d9a8}
.dgTpDate{margin:6px 0 0;font-size:13.5px;color:#b9c9bc}
.dgTpMoon{width:clamp(74px,20vw,104px);height:auto;filter:drop-shadow(0 0 18px #f5e6b866) drop-shadow(0 6px 12px #000a)}
.dgTpFest{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.dgTpFest:empty{display:none}
.dgTpFest span{padding:6px 11px;border-radius:999px;background:linear-gradient(135deg,#f3d79f,#cf9f5b);color:#33240f;font-weight:700;font-size:13.5px;box-shadow:0 3px 0 #8d6630}
.dgTpGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}
.dgTpGrid div{padding:10px 11px;border-radius:15px;background:#ffffff0c;border:1px solid #e3c28a26;min-width:0}
.dgTpGrid span{display:block;font-size:11.5px;color:#b9c9bc}
.dgTpGrid b{display:block;margin-top:2px;font-size:16px;color:#fff6e2;overflow-wrap:anywhere}
.dgTpGrid small{display:block;font-size:11.5px;color:#d9c49a}
.dgTpGrid div.warn{background:#e07a5f2e;border-color:#e07a5f88}.dgTpGrid div.warn small{color:#ffb39f;font-weight:700}
.dgTpGrid div.good{background:#7fcf9a26;border-color:#7fcf9a88}.dgTpGrid div.good small{color:#a8f0c0;font-weight:700}
.dgTpFoot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px}
.dgTpNext{margin:0;font-size:13.5px;color:#f1d9a8}
.dgTpCta{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 18px;border-radius:14px;background:linear-gradient(135deg,#f2d8a2,#c99d5c);color:#13352b;font-weight:800;text-decoration:none;box-shadow:0 4px 0 #8d6630,0 10px 18px -8px #000a}
.dgTodayPanchang:not(.ready) .dgTpGrid,.dgTodayPanchang:not(.ready) .dgTpFoot{opacity:.4}
@media (max-width:560px){
 .dgTpGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dgTpCta{flex:1;justify-content:center}
}

/* Visitor counter in the home footer. */
.dgVisits{max-width:520px;margin:22px auto 0;padding:16px 14px 12px;border-radius:20px;background:linear-gradient(160deg,#1b4a3c,#123329);border:1px solid #e3c28a44;box-shadow:0 2px 0 #ffffff10 inset,0 14px 28px -18px #000c;font-family:'Noto Sans Devanagari','DM Sans',system-ui,sans-serif}
.dgVisits[hidden]{display:none}
.dgVisitsTitle{margin:0 0 10px;font-size:15px;color:#e9c88c}
.dgVisitsRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.dgVisitsRow div{padding:10px 4px;border-radius:14px;background:#ffffff0c}
.dgVisitsRow b{display:block;font:700 22px 'DM Sans',system-ui,sans-serif;color:#fff6e2;font-variant-numeric:tabular-nums}
.dgVisitsRow small{display:block;margin-top:2px;font-size:12.5px;color:#b9c9bc}
.dgVisitsSince{margin:10px 0 0;font-size:11.5px;color:#9fb3a5}
.dgVisits span{display:inline;margin:0;letter-spacing:0;font:inherit;color:inherit}
.dgTpCta2{background:#ffffff14!important;color:#f8ecd2!important;border:1px solid #e9c88c66;box-shadow:none!important}
.dgTpFoot .dgTpCta+.dgTpCta{margin-left:0}
/* Install-app button (Android Chrome offers it) */
.dgInstall{display:flex;flex-direction:column;align-items:center;gap:2px;width:calc(100% - 26px);max-width:1120px;margin:10px auto 0;padding:12px 14px;border:0;border-radius:18px;cursor:pointer;
 background:linear-gradient(135deg,#f3d79f,#cf9f5b);color:#2c2010;font:800 16px 'Noto Sans Devanagari','DM Sans',system-ui,sans-serif;box-shadow:0 4px 0 #8d6630,0 12px 22px -12px #000a}
.dgInstall small{font-weight:600;font-size:12.5px;color:#4a3816}
.dgInstall[hidden]{display:none}
/* Big, simple tiles for the most-used features (for everyone, including first-time phone users). */
.dgQuick{width:calc(100% - 26px);max-width:1120px;margin:14px auto 18px;font-family:'Noto Sans Devanagari','DM Sans',system-ui,sans-serif}
.dgQuick h2{margin:0 4px 10px;font:600 22px 'Noto Serif Devanagari',Georgia,serif;color:#e9c88c}
.dgQuickGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.dgQuickGrid a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:108px;padding:10px 6px;border-radius:20px;text-decoration:none;text-align:center;
 background:linear-gradient(160deg,#fbf0d6,#ecd6a8);color:#25402f;box-shadow:0 2px 0 #fff8 inset,0 -3px 0 #c6a465 inset,0 10px 20px -12px #000c;-webkit-tap-highlight-color:transparent}
.dgQuickGrid a:active{transform:translateY(2px) scale(.98)}
.dgQuickGrid a:focus-visible{outline:3px solid #e9c88c;outline-offset:2px}
.dgQuickGrid b{font-size:34px;line-height:1}
.dgQuickGrid span{font-size:16px;font-weight:700;line-height:1.3}
@media (min-width:760px){.dgQuickGrid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (max-width:360px){.dgQuickGrid span{font-size:14.5px}.dgQuickGrid b{font-size:30px}}
.dgTpShare{border:0;background:#25d366!important;color:#05351a!important;box-shadow:0 4px 0 #128c4a!important;cursor:pointer;font-family:inherit}

/* ---- Living tile icons: each one moves the way its symbol would ---- */
.dgQuickGrid b{display:inline-block;transform-origin:50% 60%;will-change:transform;animation-duration:4s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}
.dgQuickGrid a{position:relative;overflow:hidden}
.dgQuickGrid a::before{content:'';position:absolute;left:50%;top:30%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;pointer-events:none;
 background:radial-gradient(circle,#ffd98a66 0,#ffd98a00 70%);animation:dgHalo 5s ease-in-out infinite}
.dgQuickGrid a:nth-child(3n+2)::before{animation-delay:-1.6s}.dgQuickGrid a:nth-child(3n)::before{animation-delay:-3.2s}
@keyframes dgHalo{0%,100%{transform:scale(.8);opacity:.35}50%{transform:scale(1.15);opacity:.9}}
.dgQuickGrid a[href="/panchang"] b{animation-name:dgFlip;animation-duration:6s;transform-origin:50% 10%}
.dgQuickGrid a[href="/muhurat"] b{animation-name:dgSparkle;animation-duration:3.6s}
.dgQuickGrid a[href="/kundali"] b{animation-name:dgOrbit;animation-duration:7s}
.dgQuickGrid a[href="/rashifal"] b{animation-name:dgPulse;animation-duration:3s}
.dgQuickGrid a[href="/greet"] b{animation-name:dgFloat;animation-duration:3.4s}
.dgQuickGrid a[href="/kundali#milan"] b{animation-name:dgBeat;animation-duration:2.4s}
.dgQuickGrid a[href="/calendar"] b{animation-name:dgSway;animation-duration:4.4s;transform-origin:50% 100%}
.dgQuickGrid a[href="#book/gita"] b{animation-name:dgBreathe;animation-duration:4.2s}
.dgQuickGrid a[href="/ramayan"] b{animation-name:dgDraw;animation-duration:4.8s}
.dgQuickGrid a[href="/chalisa"] b{animation-name:dgPranam;animation-duration:4s;transform-origin:50% 100%}
.dgQuickGrid a[href="/mantra"] b{animation-name:dgGlow;animation-duration:3.2s}
.dgQuickGrid a[href="/aarti"] b{animation-name:dgFlame;animation-duration:1.6s;transform-origin:50% 90%}
.dgQuickGrid a[href^="/stotra#panchmukhi"] b{animation-name:dgShield;animation-duration:4.6s}
.dgQuickGrid a[href^="/stotra#siddh"] b{animation-name:dgRise;animation-duration:3.8s}
.dgQuickGrid a[href="/vastu"] b{animation-name:dgNeedle;animation-duration:5s}
.dgQuickGrid a[href="/muhurat#choghadiya"] b{animation-name:dgRing;animation-duration:4s;transform-origin:50% 20%}
.dgQuickGrid a[href="/dhyan"] b{animation-name:dgBounce;animation-duration:2.2s}
.dgQuickGrid a[href="/vrat"] b{animation-name:dgSwing;animation-duration:3.6s;transform-origin:50% 0}
.dgQuickGrid a[href="#library"] b{animation-name:dgLift;animation-duration:4s}
@keyframes dgFlip{0%,70%,100%{transform:none}78%{transform:perspective(200px) rotateX(-35deg)}86%{transform:perspective(200px) rotateX(8deg)}}
@keyframes dgSparkle{0%,100%{transform:rotate(-6deg);filter:none}50%{transform:rotate(6deg) scale(1.06);filter:brightness(1.25) drop-shadow(0 0 6px #bfe8ff)}}
@keyframes dgOrbit{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(12deg) translateY(-2px)}}
@keyframes dgPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1);filter:drop-shadow(0 0 6px #d58cff)}}
@keyframes dgFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-6px) rotate(3deg)}}
@keyframes dgBeat{0%,40%,100%{transform:scale(1)}10%,30%{transform:scale(1.13)}20%{transform:scale(1.02)}}
@keyframes dgSway{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}
@keyframes dgBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.08,1.04);filter:drop-shadow(0 0 6px #ffe7a8)}}
@keyframes dgDraw{0%,60%,100%{transform:none}70%{transform:translateX(-5px) rotate(-6deg)}76%{transform:translateX(4px) rotate(3deg)}}
@keyframes dgPranam{0%,55%,100%{transform:none}70%{transform:rotate(-10deg) translateY(2px) scale(.96)}}
@keyframes dgGlow{0%,100%{transform:scale(1);filter:drop-shadow(0 0 0 #ffcf5a)}50%{transform:scale(1.07);filter:drop-shadow(0 0 10px #ffcf5a)}}
@keyframes dgFlame{0%,100%{transform:scale(1);filter:drop-shadow(0 -2px 5px #ffb84a)}25%{transform:scale(1.03,.98) rotate(-1.5deg)}50%{transform:scale(.98,1.04);filter:drop-shadow(0 -4px 9px #ffcf6a)}75%{transform:scale(1.02) rotate(1.5deg)}}
@keyframes dgShield{0%,100%{transform:none;filter:none}50%{transform:scale(1.05);filter:brightness(1.2) drop-shadow(0 0 7px #ffd27a)}}
@keyframes dgRise{0%,100%{transform:translateY(0);filter:none}50%{transform:translateY(-4px);filter:drop-shadow(0 0 8px #ffd27a)}}
@keyframes dgNeedle{0%,100%{transform:rotate(0)}20%{transform:rotate(-14deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-5deg)}80%{transform:rotate(2deg)}}
@keyframes dgRing{0%,70%,100%{transform:none}73%,79%,85%{transform:rotate(-12deg)}76%,82%,88%{transform:rotate(12deg)}}
@keyframes dgBounce{0%,100%{transform:translateY(0)}30%{transform:translateY(-6px) rotate(-4deg)}60%{transform:translateY(0) rotate(3deg)}}
@keyframes dgSwing{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}
@keyframes dgLift{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px) scale(1.04)}}
@media (prefers-reduced-motion:reduce){.dgQuickGrid b,.dgQuickGrid a::before{animation:none!important}}

.dgTpPlaceBtn{display:inline;padding:2px 8px;margin-left:2px;border:1px solid currentColor;border-radius:999px;background:none;color:inherit;font:inherit;cursor:pointer;opacity:.95}