@font-face{font-family:Mukta;src:url('../assets/fonts/mukta-mahee-latin-400-normal.woff2');font-weight:400}@font-face{font-family:Mukta;src:url('../assets/fonts/mukta-mahee-latin-600-normal.woff2');font-weight:600}@font-face{font-family:Mukta;src:url('../assets/fonts/mukta-mahee-gurmukhi-400-normal.woff2');font-weight:400;unicode-range:U+0A00-0A7F}@font-face{font-family:Baloo;src:url('../assets/fonts/baloo-paaji-2-latin-700-normal.woff2');font-weight:700}@font-face{font-family:Baloo;src:url('../assets/fonts/baloo-paaji-2-gurmukhi-700-normal.woff2');font-weight:700;unicode-range:U+0A00-0A7F}@font-face{font-family:Mukta;src:url('../assets/fonts/mukta-mahee-gurmukhi-600-normal.woff2');font-weight:700 800;unicode-range:U+0A00-0A7F}@font-face{font-family:Mukta;src:url('../assets/fonts/mukta-mahee-gurmukhi-500-normal.woff2');font-weight:500;unicode-range:U+0A00-0A7F}

:root{--navy:#061638;--royal:#1656ce;--gold:#ffd687;--ink:#10254a;--text:#2b4262;--muted:#4f6684;--paper:#f4f8fe;--line:#d6e5f6}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 Mukta,system-ui,sans-serif}button,a{font:inherit}
.site-top{color:#fff;background:radial-gradient(ellipse at 80% 20%,#2467c5 0,transparent 40%),linear-gradient(135deg,#061638,#0a3d8a);padding-bottom:58px}
.utility-bar{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:10px 5vw;color:#dbeaff;font-size:12px}.side-switch{display:inline-flex;margin-right:auto;padding:4px;border-radius:99px;gap:4px;background:linear-gradient(180deg,#0b1236aa,#1a2350cc);border:1px solid #ffffff2e;box-shadow:inset 0 2px 5px #0008,inset 0 -1px 0 #ffffff1f,0 1px 0 #ffffff14}.side-switch a{position:relative;padding:7px 15px;border-radius:99px;text-decoration:none;font-weight:800;font-size:12.5px;white-space:nowrap;line-height:1.3;letter-spacing:.01em;color:#eef2ff;background:linear-gradient(180deg,#3a4a93,#26336c);border:1px solid #ffffff33;box-shadow:inset 0 1px 0 #ffffff55,inset 0 -2px 0 #0003,0 3px 0 #0e1640,0 5px 10px #0006;text-shadow:0 1px 0 #0007;transition:transform .12s,box-shadow .12s,filter .12s}.side-switch a:hover{filter:brightness(1.12)}.side-switch a:active{transform:translateY(2px);box-shadow:inset 0 1px 0 #ffffff40,inset 0 -1px 0 #0003,0 1px 0 #0e1640,0 2px 5px #0006}.side-switch a.on{color:#fff;background:linear-gradient(180deg,#d3651a,#b5500e 55%,#9a420a);border-color:#ffc58a;box-shadow:inset 0 1px 0 #ffe2c2,inset 0 -2px 0 #b8510f,0 3px 0 #9c430c,0 6px 14px #f08a2466;text-shadow:0 1px 0 #9c430c}@media(max-width:560px){.utility-clock{display:none!important}.side-switch a{padding:6px 11px;font-size:12px}}.wafollow{display:inline-flex;align-items:center;gap:12px;padding:10px 20px 10px 12px;border-radius:99px;text-decoration:none;color:#fff;text-align:left;background:linear-gradient(180deg,#16a051,#0f7f42 50%,#0b6b37);border:1px solid #8ff0b4;text-shadow:0 1px 0 #0b6b33;box-shadow:inset 0 1px 0 #c9ffdd,inset 0 -2px 0 #128c4a,0 4px 0 #0e7a3e,0 8px 18px #25d36655;transition:transform .12s,box-shadow .12s,filter .12s}.wafollow:hover{filter:brightness(1.06)}.wafollow:active{transform:translateY(3px);box-shadow:inset 0 1px 0 #c9ffdd,0 1px 0 #0e7a3e,0 3px 8px #0004}.wafollow b{display:block;font-size:15px;line-height:1.2}.wafollow small{display:block;font-size:12.5px;opacity:.95;font-weight:500}.wafollow .wa{flex:none;width:34px;height:34px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2325d366' d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm5.3 14.1c-.2.6-1.3 1.2-1.8 1.2-.5.1-1 .2-3.3-.7-2.8-1.1-4.5-3.9-4.7-4.1-.1-.2-1.1-1.5-1.1-2.9s.7-2 1-2.3c.2-.3.5-.3.7-.3h.5c.2 0 .4 0 .6.5l.8 2c.1.2.1.4 0 .5l-.4.6-.4.4c-.1.1-.3.3-.1.6.2.3.8 1.3 1.7 2.1 1.2 1 2.1 1.3 2.4 1.5.3.1.5.1.6-.1l.8-1c.2-.3.4-.2.6-.1l1.9.9c.3.1.5.2.5.3.1.1.1.6-.1 1.2z'/%3E%3C/svg%3E") center/24px no-repeat;box-shadow:inset 0 -2px 0 #0002}.utility-clock{display:flex;gap:9px;align-items:center;padding:5px 11px;border:1px solid #ffffff32;border-radius:99px;background:#03163855;font-variant-numeric:tabular-nums}.utility-clock strong{color:#fff}
.appearance-toggle,.menu-trigger{border:1px solid #ffffff38;border-radius:99px;background:#ffffff12;color:#fff;padding:7px 12px;font-weight:700;cursor:pointer;font-size:13px}
.nav{position:relative;z-index:20;max-width:1200px;margin:auto;padding:12px 5vw;display:flex;justify-content:space-between;align-items:center;gap:14px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,#70d7ff,#2f7ee5);font-size:22px}.brand strong{display:block;font:700 19px Baloo,Mukta,sans-serif}.brand small{display:block;color:#c6d9f0;font-size:11px}
.navlinks{display:flex;gap:8px;margin-left:auto;align-items:center;flex-wrap:nowrap}.navlinks a{flex:none}.menu-ext{display:block;padding:10px 12px 2px;color:#7d90ad;font-size:12.5px;text-transform:uppercase;letter-spacing:.08em}
.navlinks a{white-space:nowrap;display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.07);color:#eaf4ff;font-size:13.5px;font-weight:600;line-height:1;text-decoration:none;box-shadow:0 2px 0 rgba(0,0,0,.18);transition:transform .16s,background .16s,box-shadow .16s}
.navlinks a:hover,.navlinks a:focus-visible{transform:translateY(-3px);background:#fff;color:#0b2e70;box-shadow:0 10px 22px rgba(0,10,40,.45);outline:none}
.navlinks a.current{background:rgba(255,214,135,.16);border-color:rgba(255,214,135,.55);color:#ffe3a6}
.navlinks a.current:hover{background:#ffd687;color:#3a2700}
.navlinks a.acct{background:#ffffff;color:#0b2e70;border-color:#fff}.navlinks a.acct:hover{background:#ffd687;color:#3a2700}
.menu-popover{position:absolute;z-index:50;top:68px;right:5vw;width:min(310px,calc(100vw - 32px));display:none;padding:10px;border:1px solid #b9d7f4;border-radius:18px;background:#fff;box-shadow:0 22px 65px #0013325c}.menu-popover.open{display:grid;animation:pop .16s ease-out}.menu-popover a{padding:10px 12px;border-radius:11px;text-decoration:none;color:#16345f;font-weight:600}.menu-popover a:hover{background:#edf6ff}@keyframes pop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.hero{max-width:1120px;margin:40px auto 0;padding:0 28px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#a6dbff;font-size:12px;font-weight:700}.hero h1{font:700 clamp(34px,5vw,58px)/1.1 Baloo,Mukta,sans-serif;margin:10px 0 12px;max-width:820px}.hero p{max-width:680px;color:#d9e7f8;margin:0;font-size:18px}
.hero .pa{font:700 20px/1.5 Baloo,Mukta,sans-serif;color:#ffd687;margin:0 0 10px}
.crumbs a{color:#a6dbff;text-decoration:none}.crumbs a:hover{text-decoration:underline}
main{max-width:1120px;margin:-28px auto 0;padding:0 28px 70px}
.intro{padding:26px 30px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 14px 38px #163f7910}.intro h2{margin:0 0 6px;color:#12376b;font:700 26px Baloo,Mukta,sans-serif}.intro p{margin:0;color:var(--text);font-size:17px}
.article-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}
.card{display:flex;flex-direction:column;gap:10px;padding:30px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 12px 30px #163f7910;text-decoration:none;color:inherit;transition:transform .18s,box-shadow .18s,border-color .18s}
.card:hover,.card:focus-visible{transform:translateY(-4px);box-shadow:0 22px 44px #163f7926;border-color:#9cc6f2;outline:none}
.tag{align-self:flex-start;display:inline-flex;padding:6px 11px;border-radius:99px;background:#e2f0ff;color:#114f93;font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.card h2{margin:4px 0 0;color:#0e2d63;font:700 30px/1.2 Baloo,Mukta,sans-serif}
.card .pa{margin:0;color:#8a5a00;font:700 18px/1.5 Baloo,Mukta,sans-serif}
.card p{margin:0;color:var(--text);font-size:17.5px;line-height:1.7}
.card .more{margin-top:auto;padding-top:8px;display:flex;justify-content:space-between;align-items:center;color:#1656ce;font-weight:700;font-size:16px}
.card .more span:last-child{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:99px;background:#1656ce;color:#fff;transition:transform .16s}
.card:hover .more span:last-child{transform:translateX(3px)}
.card .more small{color:var(--muted);font-weight:600;font-size:14px}
/* article page */
.post{max-width:780px;margin:0 auto;padding:40px 46px 46px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 14px 38px #163f7912}
.post p,.post li{color:#22395a;font-size:18.5px;line-height:1.8}
.post p{margin:0 0 18px}.post .lead{font-size:21px;line-height:1.7;color:#10254a}
.post h2{margin:38px 0 12px;color:#0e2d63;font:700 28px/1.25 Baloo,Mukta,sans-serif}
.post ul,.post ol{padding-left:26px;margin:0 0 20px}.post li{margin:0 0 10px}
.post a{color:#1656ce;font-weight:600}
.post strong{color:#10254a}
.tip{margin:26px 0;padding:18px 22px;border-left:4px solid #e7a93a;border-radius:0 14px 14px 0;background:#fff6e2;color:#4d3608;font-size:17.5px;line-height:1.75}.tip b{color:#3a2700}
.meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;color:#c9dbf2;font-size:14px;margin-top:14px}
.post-nav{max-width:780px;margin:22px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.post-nav a{display:block;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:#fff;text-decoration:none;color:#0e2d63;font-weight:700;transition:transform .16s,box-shadow .16s}
.post-nav a:hover{transform:translateY(-3px);box-shadow:0 14px 30px #163f7920}
.post-nav small{display:block;color:var(--muted);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.06em}
.post-nav .next{text-align:right}
.back{display:inline-flex;margin:22px auto 0;gap:6px;color:#1656ce;font-weight:700;text-decoration:none}
.center{text-align:center}
footer{padding:24px 5vw;background:#061638;color:#dbeaff}footer .foot{max-width:1120px;margin:auto;display:flex;flex-direction:column;gap:14px}.foot-links{display:flex;flex-wrap:wrap;gap:6px 18px}footer a{color:#dbeaff}.byline{margin:0;padding-top:12px;border-top:1px solid #ffffff22;color:#ffd687;font-size:15px}.byline strong{color:#ffd687}
body.night-mode{background:#07152c;color:#edf5ff}
body.night-mode :is(.intro,.card,.post,.post-nav a){background:#102440;border-color:#2a4566}
body.night-mode :is(.intro h2,.card h2,.post h2,.post .lead,.post strong,.post-nav a){color:#fff}
body.night-mode :is(.intro p,.card p,.post p,.post li){color:#d3e1f2}
body.night-mode :is(.card .more small,.post-nav small){color:#9fb8d6}
body.night-mode .card .pa{color:#ffd687}
body.night-mode .tag{background:#1d3d66;color:#cfe6ff}
body.night-mode .post a,body.night-mode .card .more,body.night-mode .back{color:#8fd0ff}
body.night-mode .tip{background:#342d1c;color:#ffedc5}body.night-mode .tip b{color:#ffd687}
@media(max-width:1240px){.brand small{display:none}}@media(max-width:1000px){.navlinks a.opt{display:none}}
@media(max-width:760px){.navlinks{display:none}}
@media(max-width:680px){.utility-bar{justify-content:space-between;padding:8px 18px}.nav{padding:10px 18px}.menu-popover{right:16px}.hero{margin-top:22px;padding:0 20px}.hero p{font-size:16.5px}main{padding:0 16px 50px}.article-grid{grid-template-columns:1fr}.card{padding:22px}.card h2{font-size:25px}.post{padding:26px 20px}.post p,.post li{font-size:17.5px}.post .lead{font-size:19px}.post h2{font-size:24px}.post-nav{grid-template-columns:1fr}.post-nav .next{text-align:left}}
.foot-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 2px}.appearance-toggle,.menu-trigger{min-height:44px;font-size:14px}.side-switch a{min-height:40px;display:inline-flex;align-items:center}.utility-bar{font-size:14px}.brand small{font-size:13px}.navlinks a{min-height:44px;font-size:14.5px}.menu-popover a{min-height:44px;display:flex;align-items:center}
.skip{position:absolute;left:-9999px;top:0;z-index:100;padding:10px 14px;background:#ffd687;color:#3a2700;font-weight:700}.skip:focus{left:8px;top:8px}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}


[hidden]{display:none!important}
.gurbani{font-family:Mukta,'Noto Sans Gurmukhi',sans-serif}
.bwrap{max-width:1120px;margin:0 auto}
.today{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px}
.tcard{display:flex;flex-direction:column;gap:8px;padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 12px 30px #163f7910}
.tcard h2{margin:0;color:#0e2d63;font:700 24px/1.25 Baloo,Mukta,sans-serif}
.tcard .k{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8a5a00}
.tcard p{margin:0;color:var(--text);font-size:16px;line-height:1.6}
.tcard .big{font:700 30px/1.3 Baloo,Mukta,sans-serif;color:#0b234a}
.tcard .btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:8px}
.hk{background:linear-gradient(150deg,#fff9ea,#fff 60%);border-color:#f0d9a6}
.b2{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border-radius:99px;border:1px solid #c8dcf3;background:#fff;color:#14406f;font-weight:700;text-decoration:none;font-size:15px;cursor:pointer}
.b2.primary{background:#1656ce;border-color:#1656ce;color:#fff}.b2.gold{background:#ffd687;border-color:#e9c06a;color:#3a2700}
.b2:hover{transform:translateY(-2px)}
.rlist{display:flex;flex-wrap:wrap;gap:6px}.rlist a{padding:5px 11px;border-radius:99px;background:#e8f2ff;color:#14406f;font-weight:600;font-size:14px;text-decoration:none}.rlist a:hover{background:#1656ce;color:#fff}
.small{font-size:14px;color:#4f6684;line-height:1.6}
h2.sec{margin:38px 0 14px;color:#0e2d63;font:700 30px/1.2 Baloo,Mukta,sans-serif}
.ngrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.ncard{display:flex;flex-direction:column;gap:6px;padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff;text-decoration:none;color:inherit;box-shadow:0 8px 22px #163f790c;transition:transform .16s,box-shadow .16s}
a.ncard:hover{transform:translateY(-3px);box-shadow:0 16px 34px #163f7922;border-color:#9cc6f2}
.ncard .pa{font:700 26px/1.35 Baloo,Mukta,sans-serif;color:#0e2d63}.ncard .en{font-weight:700;color:#24405f}
.ncard .when{font-size:13px;font-weight:700;color:#8a5a00}.ncard p{margin:0;color:var(--text);font-size:15.5px;line-height:1.6}
.ncard .go{margin-top:auto;padding-top:8px;color:#1656ce;font-weight:700}
.ncard.soon{background:repeating-linear-gradient(135deg,#f9fbff,#f9fbff 12px,#f2f6fd 12px,#f2f6fd 24px);border-style:dashed}
.ncard.soon .pa{color:#5a6f8d}.ncard .badge{align-self:flex-start;padding:3px 10px;border-radius:99px;background:#fff3dc;color:#7a5200;font-size:12.5px;font-weight:700}
.trust{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:16px;background:#eef7ff;border:1px solid #c8dcf3;color:#1d3556;font-size:15.5px;line-height:1.65;margin-top:22px}.trust b{color:#0e2d63}
/* reader */
.reader{max-width:860px;margin:0 auto}
.rbar{position:sticky;top:0;z-index:30;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 14px;margin:0 0 14px;border:1px solid var(--line);border-radius:18px;background:#ffffffee;backdrop-filter:blur(6px);box-shadow:0 8px 24px #163f7914}
.rbar .b2{padding:8px 13px;font-size:14px}.rbar .b2[aria-pressed="true"]{background:#e2efff;border-color:#7fb1ee;color:#0b3f86}
.rbar .sz{margin-left:auto;display:flex;gap:6px}
.page{padding:30px 34px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 14px 38px #163f7912}
.ln{padding:7px 0}
.ln .g{font:600 calc(25px * var(--fs,1))/1.8 Mukta,sans-serif;color:#0b234a}
.ln .r,.ln .e,.ln .p{display:none;margin-top:2px}
.ln .r{font-size:calc(16px * var(--fs,1));color:#3d5b80;font-style:italic}
.ln .e{font-size:calc(15.5px * var(--fs,1));color:#3a4f6b}
.ln .p{font-size:calc(16px * var(--fs,1));color:#5a3d00}
.show-r .ln .r,.show-e .ln .e,.show-p .ln .p{display:block}
.ln.t1 .g,.ln.t2 .g{text-align:center;color:#8a5a00}.ln.t2 .g{font-size:calc(21px * var(--fs,1))}
.ln.t1 .r,.ln.t2 .r,.ln.t1 .e,.ln.t2 .e,.ln.t1 .p,.ln.t2 .p{text-align:center}
.ln.t3 .g{color:#0b4fb3}
.ln.end{padding-bottom:16px;margin-bottom:10px;border-bottom:1px dashed #dbe7f5}
.src{margin-top:18px}
.pnav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.pnav a{display:block;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:#fff;text-decoration:none;color:#0e2d63;font-weight:700}.pnav small{display:block;color:var(--muted);font-weight:600;font-size:12.5px;text-transform:uppercase;letter-spacing:.06em}.pnav .nx{text-align:right}
/* simran */
.simran{max-width:720px;margin:0 auto;text-align:center}
.sbox{padding:34px 26px;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 50% 35%,#fff8e6,#fff 70%);box-shadow:0 14px 38px #163f7912}
.wg{font:700 clamp(54px,12vw,96px)/1.2 Baloo,Mukta,sans-serif;color:#0b234a;margin:6px 0 2px;transition:opacity 1.6s}
.breathe{animation:br 8s ease-in-out infinite}@keyframes br{0%,100%{opacity:.55;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}}
.clock{font:700 48px/1 Mukta,sans-serif;font-variant-numeric:tabular-nums;color:#1656ce;margin:14px 0}
.mins{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0}
.mins button[aria-pressed="true"]{background:#1656ce;border-color:#1656ce;color:#fff}
.opt{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin:10px 0;color:#24405f;font-weight:600}
.opt label{display:flex;gap:8px;align-items:center;cursor:pointer}
body.night-mode :is(.tcard,.ncard,.page,.rbar,.sbox,.pnav a){background:#102440;border-color:#2a4566;color:#edf5ff}
body.night-mode .hk{background:linear-gradient(150deg,#2a2614,#102440 60%)}
body.night-mode :is(.tcard h2,.tcard .big,.ncard .pa,.ncard .en,h2.sec,.ln .g,.wg,.pnav a){color:#fff}
body.night-mode :is(.tcard p,.ncard p,.small,.ln .e,.opt){color:#c4d8f0}
body.night-mode .ln .r{color:#a9c6ea}body.night-mode .ln .p{color:#f3d9a1}
body.night-mode :is(.ln.t1 .g,.ln.t2 .g,.tcard .k,.ncard .when){color:#ffd687}body.night-mode .ln.t3 .g{color:#9fd3ff}
body.night-mode .b2:not(.primary):not(.gold){background:#102440;border-color:#2a4566;color:#edf5ff}
body.night-mode .rbar .b2[aria-pressed="true"]{background:#1d3d66;border-color:#6fb2ff}
body.night-mode .ncard.soon{background:#0d1d35}body.night-mode .rlist a{background:#1d3d66;color:#cfe6ff}
body.night-mode .trust{background:#132b4d;border-color:#2f5584;color:#dbe8f8}body.night-mode .trust b{color:#fff}
body.night-mode .sbox{background:radial-gradient(circle at 50% 35%,#2a2614,#102440 70%)}body.night-mode .clock{color:#8fd0ff}
body.night-mode .small a,body.night-mode .page a{color:#8fd0ff}
@media(max-width:900px){.today{grid-template-columns:1fr}}
@media(max-width:680px){.page{padding:20px 16px}.ln .g{font-size:calc(21px * var(--fs,1))}.rbar{gap:6px;padding:10px}.rbar .sz{margin-left:0}.pnav{grid-template-columns:1fr}.pnav .nx{text-align:left}h2.sec{font-size:25px}}

/* ---- Calm colours for the Bani side ----
   Warm ivory paper (less glare than pure white), soft slate-teal instead of bright blue (blue-green lowers arousal),
   muted saffron accents, no red. Night mode uses deep blue-grey with warm text (less blue light). Simran sits in a dim dusk. */
:root{--paper:#f7f3ea;--ink:#26303d;--text:#3b4652;--muted:#4e5d6c;--line:#e6dcc8}
body{background:#f7f3ea;color:#26303d}
.site-top{background:radial-gradient(ellipse at 78% 18%,#c9a35a26 0,transparent 42%),linear-gradient(160deg,#1b2b3a,#24485a)}
.hero p{color:#e3e9e6}.eyebrow,.crumbs a{color:#e7cf98}.hero .pa{color:#f0d9a0}
.navlinks a.current{background:#f0d9a024;border-color:#f0d9a080;color:#f6e4b8}
:is(.tcard,.ncard,.page,.rbar,.pnav a){background:#fffdf8;border-color:#e6dcc8;box-shadow:0 10px 28px #5a4a2a0f}
.rbar{background:#fffdf8ee}
.hk{background:linear-gradient(150deg,#fbf1dc,#fffdf8 62%);border-color:#ead8b0}
:is(.tcard h2,.ncard .pa,h2.sec,.pnav a){color:#2f4a5a}.tcard .big{color:#2f4a5a}
.ncard .en{color:#3b4652}:is(.tcard .k,.ncard .when){color:#8a5a12}
:is(.tcard p,.ncard p){color:#3b4652}.small{color:#4e5d6c}.small a,.page a{color:#2f6f73}
.ncard .go{color:#2f6f73}a.ncard:hover{border-color:#b9cfc9;box-shadow:0 16px 34px #2f6f731f}
.ncard.soon{background:repeating-linear-gradient(135deg,#faf7f0,#faf7f0 12px,#f4efe4 12px,#f4efe4 24px)}.ncard .badge{background:#f4e6c6;color:#6b4a10}
.b2{border-color:#d9cfbb;background:#fffdf8;color:#2f4a5a}.b2.primary{background:#2f6f73;border-color:#2f6f73;color:#fff}.b2.gold{background:#e9d3a0;border-color:#d8bd80;color:#3a2a10}
.rbar .b2[aria-pressed="true"]{background:#e3efec;border-color:#8fbab3;color:#1f4f52}
.rlist a{background:#e9f1ee;color:#24505a}.rlist a:hover{background:#2f6f73;color:#fff}
.trust{background:#eef4f1;border-color:#cfe0da;color:#2f4a5a}.trust b{color:#24485a}
.ln .g{color:#26303d;line-height:1.9}.ln.t1 .g,.ln.t2 .g{color:#8a5a12}.ln.t3 .g{color:#2f6f73}
.ln .r{color:#4e5d6c}.ln .e{color:#3b4652}.ln .p{color:#5b4520}.ln.end{border-bottom-color:#e6dcc8}
.simran .sbox{background:radial-gradient(circle at 50% 30%,#2b4252 0,#1d2e3d 55%,#16222f 100%);border-color:#2b3d4d;color:#dfe8ee;box-shadow:0 20px 50px #0b141e40}
.simran .wg{color:#f0d9a0;text-shadow:0 0 28px #f0d9a055}.simran .clock{color:#f0d9a0}.simran .opt{color:#dfe8ee}.simran .sbox .small{color:#b9c3cc}
.simran .sbox .b2{background:#22384a;border-color:#3b5568;color:#e8eef2}.simran .sbox .b2.primary{background:#e9d3a0;border-color:#e9d3a0;color:#2a1f0c}
.simran .mins button[aria-pressed="true"]{background:#2f6f73;border-color:#5b9a9c;color:#fff}
footer{background:#1b2b3a}
body.night-mode{background:#0e1622;color:#eae3d2}
body.night-mode :is(.tcard,.ncard,.page,.rbar,.pnav a){background:#152131;border-color:#263649;color:#eae3d2}
body.night-mode .hk{background:linear-gradient(150deg,#2a2618,#152131 62%)}
body.night-mode :is(.tcard h2,.tcard .big,.ncard .pa,.ncard .en,h2.sec,.ln .g,.pnav a){color:#f3e9d2}
body.night-mode :is(.tcard p,.ncard p,.small,.ln .e,.ln .r){color:#b9c3cc}body.night-mode .ln .p{color:#e8d3a8}
body.night-mode :is(.ln.t1 .g,.ln.t2 .g,.tcard .k,.ncard .when){color:#e2b866}body.night-mode .ln.t3 .g{color:#8fd3cf}
body.night-mode .b2:not(.primary):not(.gold){background:#152131;border-color:#2c3f54;color:#eae3d2}
body.night-mode .rbar .b2[aria-pressed="true"]{background:#1f3a3f;border-color:#5b9a9c}
body.night-mode .rlist a{background:#1f3a3f;color:#cfe8e4}body.night-mode .ncard.soon{background:#111c2a}
body.night-mode .trust{background:#16262e;border-color:#2b4148;color:#dfe8ee}body.night-mode .trust b{color:#f3e9d2}
body.night-mode .small a,body.night-mode .page a,body.night-mode .ncard .go{color:#8fd3cf}
.simran .wgwrap{position:relative;display:inline-block;padding:0 6%}
.simran .halo{position:absolute;inset:-28% -10%;border-radius:50%;background:radial-gradient(closest-side,#f0d9a070,#f0d9a01c 58%,transparent 76%);opacity:.32;pointer-events:none;filter:blur(8px)}
.simran .wgwrap .wg{position:relative}
/* calm heartbeat: about 54 beats a minute, a soft lub-dub and a long rest */
.simran .beat .wg{animation:gsHb 1.11s ease-out infinite}.simran .beat .halo{animation:gsHalo 1.11s ease-out infinite}
@keyframes gsHb{0%{text-shadow:0 0 18px #f0d9a040;transform:scale(1)}11%{text-shadow:0 0 34px #f0d9a0cc,0 0 72px #f0d9a055;transform:scale(1.024)}23%{text-shadow:0 0 22px #f0d9a066;transform:scale(1.004)}33%{text-shadow:0 0 30px #f0d9a0aa,0 0 58px #f0d9a040;transform:scale(1.016)}62%,100%{text-shadow:0 0 18px #f0d9a040;transform:scale(1)}}
@keyframes gsHalo{0%{opacity:.24;transform:scale(.96)}11%{opacity:.78;transform:scale(1.05)}23%{opacity:.42;transform:scale(.99)}33%{opacity:.64;transform:scale(1.025)}62%,100%{opacity:.24;transform:scale(.96)}}
@media(prefers-reduced-motion:reduce){.simran .beat .wg,.simran .beat .halo{animation:none}.simran .beat .halo{opacity:.6}}
body.night-mode .simran .sbox{background:radial-gradient(circle at 50% 30%,#22374a 0,#16242f 55%,#0f1923 100%);border-color:#22323f}body.night-mode .simran .wg,body.night-mode .simran .clock{color:#f0d9a0}

/* ---- a Gutka page: fine double rule, corner ornaments, kesri verse numbers, ornament between pauris ---- */
.page#txt{border:1px solid #dcc897;outline:1px solid #e8d9b4;outline-offset:-9px;padding:44px 50px;
  background:
   radial-gradient(circle at 18px 18px,#c9a35a 0 2.5px,transparent 3px),
   radial-gradient(circle at calc(100% - 18px) 18px,#c9a35a 0 2.5px,transparent 3px),
   radial-gradient(circle at 18px calc(100% - 18px),#c9a35a 0 2.5px,transparent 3px),
   radial-gradient(circle at calc(100% - 18px) calc(100% - 18px),#c9a35a 0 2.5px,transparent 3px),
   linear-gradient(#fffdf8,#fffaf0)}
.ln .vn{color:#a8741c;font-weight:600;white-space:nowrap}
.ln.end{border-bottom:0;position:relative;padding-bottom:26px;margin-bottom:12px}
.ln.end::after{content:"";position:absolute;left:50%;bottom:4px;width:84px;height:9px;transform:translateX(-50%);
  background:radial-gradient(circle,#c9a35a 0 2.5px,transparent 3px) center/9px 9px no-repeat,linear-gradient(90deg,transparent,#d8c08a 25%,#d8c08a 75%,transparent) center/100% 1px no-repeat}
.ln.t1 .g{font-size:calc(27px * var(--fs,1))}
body.night-mode .page#txt{border-color:#4a4128;outline-color:#3a3420;background:
   radial-gradient(circle at 18px 18px,#c9a35a 0 2.5px,transparent 3px),radial-gradient(circle at calc(100% - 18px) 18px,#c9a35a 0 2.5px,transparent 3px),
   radial-gradient(circle at 18px calc(100% - 18px),#c9a35a 0 2.5px,transparent 3px),radial-gradient(circle at calc(100% - 18px) calc(100% - 18px),#c9a35a 0 2.5px,transparent 3px),
   linear-gradient(#152131,#131e2c)}
body.night-mode .ln .vn{color:#e2b866}
@media(max-width:680px){.page#txt{padding:30px 20px;outline-offset:-7px}}
/* ---- the Bani header follows the time of day (prahar) ---- */
.site-top{transition:background 1.2s}
body[data-prahar="amrit"] .site-top{background:radial-gradient(ellipse at 78% 85%,#e7a98a55 0,transparent 45%),linear-gradient(170deg,#1c1c38,#3d2d4f 60%,#6b4659)}
body[data-prahar="day"] .site-top{background:radial-gradient(ellipse at 80% 15%,#f3e2b544 0,transparent 42%),linear-gradient(160deg,#1f4256,#2f6574)}
body[data-prahar="sandhya"] .site-top{background:radial-gradient(ellipse at 80% 80%,#e6a65a55 0,transparent 45%),linear-gradient(165deg,#2a2335,#5a3a33 60%,#8a5a2e)}
body[data-prahar="night"] .site-top{background:radial-gradient(ellipse at 80% 20%,#c9b8ff22 0,transparent 40%),linear-gradient(165deg,#0f1630,#1d2a4a)}
.prahar{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:6px 12px;border-radius:99px;background:#ffffff14;border:1px solid #ffffff2a;color:#f3e6c4;font-size:13px;font-weight:600}

/* finishing touches: a soft ornament in the Bani header, gold dividers, tidy buttons */
.site-top{position:relative}
.site-top::after{content:"";position:absolute;right:0;top:0;bottom:0;width:min(560px,55%);pointer-events:none;opacity:.16;
  background:repeating-radial-gradient(circle at 75% 45%,transparent 0 22px,#f0d9a0 22px 23px);-webkit-mask:radial-gradient(circle at 75% 45%,#000 0 30%,transparent 62%);mask:radial-gradient(circle at 75% 45%,#000 0 30%,transparent 62%)}
.site-top>*{position:relative;z-index:1}
.site-top>.nav{z-index:30}
main{position:relative;z-index:2}
h2.sec{display:flex;align-items:center;gap:14px}
h2.sec::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#c9a35a,#c9a35a00);margin-top:6px}
h2.sec::before{content:"";width:9px;height:9px;transform:rotate(45deg);background:#c9a35a;border-radius:2px;flex:none}
.ncard .when{display:inline-flex;align-items:center;gap:6px}.ncard .when svg{flex:none}
.tcard .btns .b2.gold{flex:1 1 100%;justify-content:center}
.tcard{transition:box-shadow .2s,transform .2s}.tcard:hover{box-shadow:0 18px 40px #5a4a2a1a}
a.ncard{transition:transform .2s,box-shadow .2s,border-color .2s}
.page{position:relative}
.page::before{content:"";display:block;width:120px;height:10px;margin:-6px auto 18px;
  background:radial-gradient(circle,#c9a35a 0 3px,transparent 3.5px) center/10px 10px no-repeat,linear-gradient(90deg,transparent,#c9a35a 30%,#c9a35a 70%,transparent) center/100% 1px no-repeat}
.ln .g{letter-spacing:.005em}
body.night-mode h2.sec::after{background:linear-gradient(90deg,#e2b866,#e2b86600)}body.night-mode h2.sec::before{background:#e2b866}
@media(prefers-reduced-motion:reduce){.tcard,a.ncard{transition:none}}

.tcard .btns.hklinks{margin-top:0;padding-top:6px}.b2.live{background:linear-gradient(180deg,#d3651a,#b5500e 55%,#9a420a);border-color:#b5500e;color:#fff}.b2.live:hover{background:#9a420a}.b2.live .dot{width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 0 #fff9;animation:livePulse 1.6s infinite}@keyframes livePulse{0%{box-shadow:0 0 0 0 #ffffffb0}70%{box-shadow:0 0 0 8px #fff0}100%{box-shadow:0 0 0 0 #fff0}}@media(prefers-reduced-motion:reduce){.b2.live .dot{animation:none}}body.night-mode .b2.live,.hero a.b2.live,body.night-mode .hero a.b2.live{background:linear-gradient(180deg,#d3651a,#b5500e 55%,#9a420a);border-color:#b5500e;color:#fff}
.hkm{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px;background:#0b1236b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:hkIn .25s ease-out}
.hkm[hidden]{display:none}
@keyframes hkIn{from{opacity:0}to{opacity:1}}
.hkbox{width:min(860px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;border-radius:24px;overflow:hidden;background:#fdfaf5;box-shadow:0 30px 80px #0007;animation:hkUp .3s ease-out}
@keyframes hkUp{from{transform:translateY(18px);opacity:.6}to{transform:none;opacity:1}}
.hkhead{position:relative;padding:24px 26px 18px;color:#fff;text-align:center;
  background:radial-gradient(ellipse at 85% 0%,#f6a04d66 0,transparent 55%),radial-gradient(ellipse at 10% 100%,#f08a2433 0,transparent 50%),linear-gradient(160deg,#1a2350,#2c3d86)}
.hkhead::after{content:"";position:absolute;left:50%;bottom:0;width:140px;height:10px;transform:translateX(-50%);
  background:radial-gradient(circle,#f6a04d 0 3px,transparent 3.5px) center/10px 10px no-repeat,linear-gradient(90deg,transparent,#f6a04d 30%,#f6a04d 70%,transparent) center/100% 1px no-repeat}
.hkx{position:absolute;right:14px;top:14px;width:38px;height:38px;border-radius:50%;border:1px solid #ffffff40;background:#ffffff1a;color:#fff;font-size:16px;cursor:pointer}
.hkek{font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffc58a}
.hkhead h2{margin:6px 0 4px;font:700 clamp(22px,4vw,30px)/1.25 Mukta,sans-serif;color:#fff}
.hkmeta{margin:0 0 14px;color:#dfe3f6;font-size:14.5px;display:flex;justify-content:center;flex-wrap:wrap;gap:4px 14px}
.hkmeta #hkAng a{color:#ffe2c2}
.hkbar{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.hkbar .b2{background:#ffffff14;border-color:#ffffff38;color:#fff}.hkbar .b2[aria-pressed="true"]{background:#f08a24;border-color:#f08a24;color:#fff}
.hkbody{overflow:auto;padding:18px;-webkit-overflow-scrolling:touch}
.hkbody .page{margin:0}
#hkTxt .ln{text-align:center}#hkTxt .ln .g{text-wrap:balance}#hkTxt .ln .r,#hkTxt .ln .e,#hkTxt .ln .p{max-width:46em;margin-left:auto;margin-right:auto}
.hkwait{text-align:center;font:600 22px/1.6 Mukta,sans-serif;color:#c4560f;animation:hkPulse 2.2s ease-in-out infinite}.hkwait span{display:block;font-size:14px;color:#5b6185;font-weight:500}
@keyframes hkPulse{50%{opacity:.45}}
.hkfoot{text-align:center;margin:12px 6px 4px}
body.night-mode .hkbox{background:#0f1430}body.night-mode .hkbody .page{background:#171e42}
@media(max-width:600px){.hkm{padding:0;place-items:end stretch}.hkbox{border-radius:22px 22px 0 0;max-height:94vh}.hkhead{padding:20px 16px 16px}.hkbody{padding:10px}}
@media(prefers-reduced-motion:reduce){.hkm,.hkbox,.hkwait{animation:none}}
.hkbar .hkshare{background:linear-gradient(180deg,#d3651a,#b5500e 55%,#9a420a);border-color:#ffc58a;box-shadow:inset 0 1px 0 #ffe2c2,0 3px 0 #9c430c}
.hkbar .hkshare[disabled]{opacity:.45;cursor:default}
.hkcards{display:grid;gap:14px;padding:6px 2px}
.hkopts{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.seg2{display:inline-flex;gap:4px;padding:4px;border-radius:99px;background:#1a235014;border:1px solid #1a235022}
.seg2 .b2[aria-pressed="true"]{background:#1a2350;border-color:#1a2350;color:#fff}
.hkprev{display:flex;gap:12px;overflow-x:auto;justify-content:flex-start;padding:4px 4px 10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.hkprev img{height:min(56vh,460px);max-width:calc(100% - 8px);object-fit:contain;border-radius:14px;box-shadow:0 10px 30px #0004;flex:none;scroll-snap-align:center}
.hkprev img:first-child{margin-left:auto}.hkprev img:last-child{margin-right:auto}   /* centred when they fit, and every card can be reached when they do not */
@media(max-width:600px){.hkprev img{height:auto;width:calc(100% - 24px);max-width:none}}
body.night-mode .seg2{background:#ffffff10;border-color:#ffffff22}body.night-mode .seg2 .b2[aria-pressed="true"]{background:#f08a24;border-color:#f08a24}

.jstrip{display:flex;align-items:center;gap:14px;margin:0 0 16px;padding:12px 18px;border-radius:18px;text-decoration:none;color:#1a2350;background:#fff;border:1px solid #f0dcc4;box-shadow:0 8px 22px #1a235012}.jstrip .ic{font-size:26px}.jstrip .tx{flex:1;display:grid;gap:2px}.jstrip b{font:700 19px/1.25 Mukta,sans-serif}.jstrip .tx span{font-size:14px;color:#3b4266}.jstrip .go{font-weight:800;color:#a84a0c;white-space:nowrap}body.night-mode .jstrip .go{color:#ffb36b}body.night-mode .jstrip{background:#171e42;border-color:#2c3563;color:#fbeedd}body.night-mode .jstrip .tx span{color:#cdd1ea}.wabanner{display:flex;align-items:center;justify-content:space-between;gap:16px 22px;flex-wrap:wrap;margin:14px 0 4px;padding:18px 22px;border-radius:22px;background:linear-gradient(135deg,#eafff2,#f6fff9);border:1px solid #bdeccf}.wabanner p{margin:0;flex:1 1 320px;display:grid;gap:4px;color:#0e3b24}.wabanner b{font-size:19px}.wabanner p>span{font-size:14.5px;color:#2f5a43}body.night-mode .wabanner{background:#102a1d;border-color:#1e5136}body.night-mode .wabanner p,body.night-mode .wabanner p>span{color:#d8f5e4}.waqr{flex:none;margin:0;display:grid;justify-items:center;gap:4px}.waqr img{width:118px;height:118px;border-radius:14px;background:#fff;padding:5px;box-shadow:0 6px 16px #0b3d2422;border:1px solid #bdeccf}.waqr figcaption{font:700 12.5px Mukta,system-ui,sans-serif;color:#0f7f42}body.night-mode .waqr figcaption{color:#9be8bd}@media(max-width:560px){.waqr img{width:96px;height:96px}}
/* ==== colour scheme: nishan ==== */
body{background:#fdfaf5;color:#1a2350}
.site-top,body[data-prahar] .site-top{background:radial-gradient(ellipse at 82% 20%,#f6a04d3a 0,transparent 45%),linear-gradient(160deg,#1a2350,#2c3d86)}
.site-top::after{opacity:.14}
.eyebrow,.crumbs a,.hero .pa,.prahar{color:#ffc27f}.prahar{background:#ffffff14;border-color:#ffffff30}
:is(.tcard,.ncard,.page,.rbar,.pnav a){background:#ffffff;border-color:#f0dcc4}
.page#txt{border-color:#f0dcc4;outline-color:#f0dcc4;background:
 radial-gradient(circle at 18px 18px,#f08a24 0 2.5px,transparent 3px),radial-gradient(circle at calc(100% - 18px) 18px,#f08a24 0 2.5px,transparent 3px),
 radial-gradient(circle at 18px calc(100% - 18px),#f08a24 0 2.5px,transparent 3px),radial-gradient(circle at calc(100% - 18px) calc(100% - 18px),#f08a24 0 2.5px,transparent 3px),#ffffff}
.hk{background:linear-gradient(150deg,#fdebd9,#ffffff 62%);border-color:#f0dcc4}
:is(.tcard h2,.ncard .pa,h2.sec,.pnav a,.tcard .big){color:#1a2350}
:is(.tcard .k,.ncard .when){color:#b04d0c}
:is(.tcard p,.ncard p,.ncard .en){color:#3b4266}.small{color:#5b6185}
.small a,.page a,.ncard .go{color:#2c3d86}
.b2{background:#ffffff;border-color:#f0dcc4;color:#1a2350}
.b2.primary{background:#c2570f;border-color:#c2570f;color:#ffffff}
.b2.gold{background:#bd5410;border-color:#bd5410;color:#ffffff}
.rbar .b2[aria-pressed="true"]{background:#eef0fa;border-color:#2c3d86;color:#2c3d86}
.rlist a{background:#eef0fa;color:#2c3d86}.rlist a:hover{background:#2c3d86;color:#fff}
.trust{background:#eef0fa;border-color:#f0dcc4;color:#1a2350}
h2.sec::before{background:#f08a24}h2.sec::after{background:linear-gradient(90deg,#f08a24,transparent)}
.page::before,.ln.end::after{background:radial-gradient(circle,#f08a24 0 3px,transparent 3.5px) center/9px 9px no-repeat,linear-gradient(90deg,transparent,#f08a24 30%,#f08a24 70%,transparent) center/100% 1px no-repeat}
.ln .g{color:#1a2350}.ln.t1 .g,.ln.t2 .g{color:#b04d0c}.ln.t3 .g{color:#2c3d86}.ln .vn{color:#c2570f}
.ln .r,.ln .e{color:#5b6185}.ln .p{color:#3b4266}
footer{background:#0f1430}
.simran .wg,.simran .clock{color:#f6a04d}
body.night-mode{background:#0f1430;color:#fbeedd}
body.night-mode :is(.tcard,.ncard,.page,.rbar,.pnav a){background:#171e42;border-color:#2c3563;color:#fbeedd}
body.night-mode .page#txt{border-color:#2c3563;outline-color:#2c3563;background:
 radial-gradient(circle at 18px 18px,#f6a04d 0 2.5px,transparent 3px),radial-gradient(circle at calc(100% - 18px) 18px,#f6a04d 0 2.5px,transparent 3px),
 radial-gradient(circle at 18px calc(100% - 18px),#f6a04d 0 2.5px,transparent 3px),radial-gradient(circle at calc(100% - 18px) calc(100% - 18px),#f6a04d 0 2.5px,transparent 3px),#171e42}
body.night-mode :is(.tcard h2,.tcard .big,.ncard .pa,.ncard .en,h2.sec,.ln .g,.pnav a){color:#fbeedd}
body.night-mode :is(.tcard p,.ncard p,.small,.ln .e,.ln .r,.ln .p){color:#cdd1ea}
body.night-mode :is(.ln.t1 .g,.ln.t2 .g,.tcard .k,.ncard .when,.ln .vn){color:#f6a04d}
body.night-mode .b2:not(.primary):not(.gold){background:#171e42;border-color:#2c3563;color:#fbeedd}
body.night-mode .ln.t3 .g{color:#a9b8ff}
body.night-mode .rbar .b2[aria-pressed="true"]{background:#2c3563;border-color:#f6a04d;color:#fbeedd}
body.night-mode .rlist a{background:#2c3563;color:#fbeedd}
body.night-mode :is(.small a,.page a,.ncard .go){color:#f6a04d}
body.night-mode .trust{background:#171e42;border-color:#2c3563;color:#fbeedd}
body.night-mode .hk{background:linear-gradient(150deg,#ffffff0d,#171e42 62%)}

.sgbanner{display:flex;align-items:center;gap:18px;margin:22px 0 4px;padding:20px 24px;border-radius:22px;text-decoration:none;color:#fff;
  background:radial-gradient(ellipse at 90% 10%,#f6a04d55 0,transparent 50%),linear-gradient(135deg,#1a2350,#2c3d86);box-shadow:0 14px 34px #1a235033;transition:transform .2s,box-shadow .2s}
.sgbanner.en{margin-top:12px;background:radial-gradient(ellipse at 90% 10%,#ffffff22 0,transparent 50%),linear-gradient(135deg,#9a420a,#c2570f)}.sgbanner.en .ik{background:#1a2350;font-size:20px}.sgbanner.en b{color:#fff}.sgbanner.en .tx span{color:#fff3e6}.sgbanner.en .go{background:#1a2350}
.sgbanner:hover{transform:translateY(-2px);box-shadow:0 20px 40px #1a235044}
.sgbanner .ik{flex:none;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#f08a24;color:#fff;font:700 30px/1 Mukta,sans-serif}
.sgbanner .tx{display:flex;flex-direction:column;gap:4px;flex:1}.sgbanner b{font:700 26px/1.2 Mukta,sans-serif;color:#ffe2c2}.sgbanner .tx span{color:#dfe3f6;font-size:15px}
.sgbanner .go{flex:none;padding:10px 18px;border-radius:99px;background:#c2570f;font-weight:700}
@media(max-width:680px){.sgbanner{flex-wrap:wrap;padding:18px;gap:12px}.sgbanner .tx{min-width:0;flex:1 1 180px}.sgbanner .go{width:100%;text-align:center}.sgbanner b{font-size:21px}.sgbanner b[lang=pa]{white-space:nowrap}.sgbanner .ik{width:48px;height:48px;font-size:24px}}
@media(max-width:360px){.sgbanner b{font-size:18px}}

/* vishraams as printed in the Damdami Taksal Sundar Gutka: green = alap (short pause), kesri = ardh (half stop) */
#txt .va{color:#13894a}#txt .vr{color:#e2670f}
body:not(.vis-off) #txt .ln:is(.t1,.t2) .g:has(.va,.vr){color:var(--ink,#1a2350)}body.night-mode:not(.vis-off) #txt .ln:is(.t1,.t2) .g:has(.va,.vr){color:#fbeedd}
body.night-mode #txt .va{color:#6fdc8c}body.night-mode #txt .vr{color:#ffa654}
body.vis-off #txt .va,body.vis-off #txt .vr{color:inherit}body.vis-off .vlegend{display:none}
.vlegend{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:10px 0 14px;font-size:13.5px}
.vlegend span{display:inline-flex;align-items:center;gap:6px}.vlegend em{font-style:normal;opacity:.75}.vlegend .vs{opacity:.7;font-size:12.5px}
.vlegend .dot{display:inline-block;width:11px;height:11px;border-radius:50%}.vlegend .dot.a{background:#13894a}.vlegend .dot.r{background:#e2670f}
body.night-mode .vlegend .dot.a{background:#6fdc8c}body.night-mode .vlegend .dot.r{background:#ffa654}

#txt .ln{text-align:center}#txt .ln .g{text-wrap:balance}#txt .ln .r,#txt .ln .e,#txt .ln .p{max-width:46em;margin-left:auto;margin-right:auto;text-wrap:pretty}

.homefab{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:22px auto 6px}
.homefab a{display:inline-flex;align-items:center;gap:6px;padding:11px 16px;border-radius:99px;text-decoration:none;font-weight:800;font-size:14px;color:#fff;text-shadow:0 1px 0 #0007;
  background:linear-gradient(180deg,#3a4a93,#1a2350);border:1px solid #ffffff33;box-shadow:inset 0 1px 0 #ffffff55,inset 0 -2px 0 #0004,0 4px 0 #0b1236,0 8px 18px #1a235066;transition:transform .12s,box-shadow .12s,filter .12s}
.homefab a.b{background:linear-gradient(180deg,#d3651a,#b5500e 55%,#9a420a);border-color:#e8935a;text-shadow:0 1px 0 #7a3306;box-shadow:inset 0 1px 0 #ffe2c2,inset 0 -2px 0 #b8510f,0 4px 0 #9c430c,0 8px 18px #f08a2466}
.homefab a:hover{filter:brightness(1.1)}.homefab a:active{transform:translateY(3px);box-shadow:inset 0 1px 0 #ffffff40,0 1px 0 #0b1236,0 3px 8px #0005}
.homefab a{min-height:44px}
.jump{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;margin:0 0 12px}.jump select{min-height:44px;padding:6px 12px;border:1px solid #c8dcf3;border-radius:12px;font:inherit;font-size:16px;background:#fff;color:#0b2e70}
.resume{display:none;margin:0 auto 12px;min-height:44px;padding:8px 18px;border-radius:99px;border:1px solid #1656ce;background:#1656ce;color:#fff;font-weight:700;cursor:pointer}.resume.on{display:block}
body.night-mode .pnav small{color:#b9bfdc}.vlegend em,.vlegend .vs{color:#3a3f5e}body.night-mode .vlegend em,body.night-mode .vlegend .vs{color:#cdd1ea}
.b2.reset{border-style:dashed}.b2.reset.sure{background:#fff3e2;border-color:#d9661a;color:#8a3a00}body.night-mode .b2.reset.sure{background:#3a2a12;color:#ffd9b0}
.rtime{display:inline-block;margin-left:8px;padding:2px 10px;border-radius:99px;background:#ffffff22;font-size:14px}
body.night-mode .jump select{background:#16325a;color:#fff;border-color:#2a4566}
@media print{.homefab{display:none}}


.ln.sh{margin-top:22px;padding-top:20px;border-top:1px dashed var(--line,#e6dcc8)}
.angbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.angbar form{display:flex;gap:6px;align-items:center;margin-left:auto}
.angbar input{width:84px;padding:9px 10px;border:1px solid #d9cfbb;border-radius:12px;font:inherit;background:transparent;color:inherit}
.anghead{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:-4px 0 14px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;opacity:.75}
.secs{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin:0;padding:0;list-style:none}
.secs a{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid var(--line,#e6dcc8);border-radius:14px;text-decoration:none;color:inherit;background:var(--card,#fff)}
.secs a span{opacity:.7;font-size:13px;white-space:nowrap}.secs a b{font-weight:600}
details.hund{border:1px solid var(--line,#e6dcc8);border-radius:14px;margin:8px 0;padding:10px 14px}
details.hund summary{cursor:pointer;font-weight:600}
.agrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px;margin-top:10px}
.agrid a{display:block;text-align:center;padding:8px 0;border-radius:10px;text-decoration:none;font-weight:600;font-size:14px}
.jump{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.jump input{width:120px;padding:12px;border-radius:12px;border:1px solid #d9cfbb;font:600 18px/1 inherit;background:transparent;color:inherit}
@media(max-width:680px){.angbar form{margin-left:0}}
.secs a{background:#fff;border-color:#f0dcc4;color:#1a2350}.secs a:hover{border-color:#f08a24;box-shadow:0 6px 16px #f08a2422}
details.hund{background:#fff;border-color:#f0dcc4}
body.night-mode .secs a{background:#171e42;border-color:#2c3563;color:#fbeedd}body.night-mode .secs a span{color:#cdd1ea}
body.night-mode .secs a:hover{border-color:#f6a04d}
body.night-mode details.hund{background:#171e42;border-color:#2c3563;color:#fbeedd}
body.night-mode .agrid a{background:#0f1430;border-color:#2c3563;color:#fbeedd}
body.night-mode .angbar input,body.night-mode .jump input{border-color:#2c3563;color:#fbeedd;background:#0f1430}
body.night-mode .anghead{color:#cdd1ea}
.b2.reset{border-style:dashed}.b2.reset.sure,.b2.reset[data-sure]{background:#fff3e2;border-color:#d9661a;color:#8a3a00}body.night-mode .b2.reset.sure,body.night-mode .b2.reset[data-sure]{background:#3a2a12;color:#ffd9b0}