:root{--f-serif:'Noto Serif','Noto Serif Devanagari',Georgia,serif;--f-sans:'Noto Sans','Noto Sans Devanagari',Arial,sans-serif}
/* Main menu — sliding hover pill, growing underline, current-page highlight.
   Classes are added by js/nav.js to either menu markup. */
.thb-menu{isolation:isolate;align-items:center}
/* Positioned only while shown as a horizontal bar (mobile dropdowns stay absolute) */
@media(min-width:761px){#mainNav.thb-menu{position:relative}}
@media(min-width:901px){.nav-links.thb-menu{position:relative}}
.thb-menu .thb-link{position:relative;z-index:1;display:inline-flex;align-items:center;padding:9px 16px;border-radius:999px;color:#06305e;font-weight:600;text-decoration:none;letter-spacing:.01em;transition:color .25s ease,transform .25s cubic-bezier(.2,.8,.2,1)}
.thb-menu .thb-link::after{content:"";position:absolute;left:50%;bottom:4px;width:0;height:2px;border-radius:2px;background:linear-gradient(90deg,#f59b3a,#d35f0b);transform:translateX(-50%);transition:width .3s cubic-bezier(.2,.8,.2,1)}
.thb-menu .thb-link:hover,.thb-menu .thb-link:focus-visible{color:#b9520a;transform:translateY(-1px)}
.thb-menu .thb-link:hover::after,.thb-menu .thb-link:focus-visible::after{width:calc(100% - 32px)}
.thb-menu .thb-link:focus-visible{outline:2px solid #d35f0b;outline-offset:2px}

/* Current page: solid saffron pill with white text */
.thb-menu .thb-link.is-current{color:#fff;background:linear-gradient(135deg,#f59b3a,#d35f0b);box-shadow:0 6px 16px rgba(211,95,11,.28)}
.thb-menu .thb-link.is-current::after{display:none}
.thb-menu .thb-link.is-current:hover{color:#fff}
/* While JS moves the pill, the current link's own background hands over to the pill */
.thb-menu:has(.thb-pill.is-on) .thb-link.is-current{background:transparent;box-shadow:none}
.thb-menu:has(.thb-pill.is-on:not(.on-current)) .thb-link.is-current{color:#b9520a}

/* The sliding pill */
.thb-pill{position:absolute;left:0;top:0;z-index:0;border-radius:999px;background:#fff1e3;box-shadow:inset 0 0 0 1px #f6d2ad;opacity:0;pointer-events:none;transition:transform .42s cubic-bezier(.2,.9,.25,1.15),width .42s cubic-bezier(.2,.9,.25,1.15),background .3s,box-shadow .3s,opacity .25s}
.thb-pill.is-on{opacity:1}
.thb-pill.on-current{background:linear-gradient(135deg,#f59b3a,#d35f0b);box-shadow:0 6px 16px rgba(211,95,11,.28)}
.thb-menu:has(.thb-pill.on-current) .thb-link.is-current{color:#fff}

/* Gentle entrance */
@keyframes thb-menu-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.thb-menu .thb-link{animation:thb-menu-in .45s cubic-bezier(.2,.8,.2,1) both}
.thb-menu .thb-link:nth-child(2){animation-delay:.04s}.thb-menu .thb-link:nth-child(3){animation-delay:.08s}.thb-menu .thb-link:nth-child(4){animation-delay:.12s}.thb-menu .thb-link:nth-child(5){animation-delay:.16s}.thb-menu .thb-link:nth-child(6){animation-delay:.2s}

/* Home page menu spacing (pill padding replaces the old gap) */
#mainNav.thb-menu{gap:4px}
#mainNav.thb-menu .thb-link{font-size:15px}

/* Stacked mobile menus: no sliding pill, full-width items */
@media(max-width:900px){.nav-links.thb-menu .thb-pill{display:none}.nav-links.thb-menu .thb-link{padding:12px 16px;border-radius:12px}}
@media(max-width:760px){
  .thb-pill{display:none}
  .thb-menu .thb-link{padding:12px 16px;border-radius:12px;width:100%}
  .thb-menu .thb-link::after{left:16px;transform:none}
  .thb-menu .thb-link:hover::after{width:40px}
  .thb-menu .thb-link:hover{background:#fff1e3;transform:none}
  .thb-menu:has(.thb-pill) .thb-link.is-current{color:#fff;background:linear-gradient(135deg,#f59b3a,#d35f0b)}
}
@media(prefers-reduced-motion:reduce){.thb-menu .thb-link,.thb-pill,.thb-menu .thb-link::after{transition:none;animation:none}}

/* Inner pages: header strip matching the home page */
nav.thb-site-nav{position:sticky;top:0;z-index:100;background:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #eef1f4;font-family:var(--f-sans)}
nav.thb-site-nav .inner{width:min(1180px,92%);max-width:none;margin:0 auto;padding:0;height:auto;min-height:74px;display:flex;align-items:center;justify-content:flex-start;gap:26px}
nav.thb-site-nav .thb-brand{display:flex;align-items:center;gap:10px;text-decoration:none}
nav.thb-site-nav .thb-brand img{width:auto;height:56px;object-fit:contain}
nav.thb-site-nav .thb-brand-name{font-family:var(--f-serif);font-size:26px;font-weight:700;color:#06305e;white-space:nowrap;letter-spacing:-.01em;font-style:normal}
nav.thb-site-nav .thb-brand-name em{font-style:normal;color:#f07818}
nav.thb-site-nav .nav-links{margin-left:auto;gap:4px}
nav.thb-site-nav .nav-links .thb-link{font-family:var(--f-sans);font-size:15px;font-weight:600;color:#06305e}
nav.thb-site-nav .nav-links .thb-link.is-current{color:#fff}
nav.thb-site-nav .user-nav-wrap{display:flex;align-items:center}
nav.thb-site-nav .user-nav-signin{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border:1px solid transparent;border-radius:8px;background:linear-gradient(135deg,#f07818,#f59b3a);color:#fff;font:700 14px var(--f-sans);box-shadow:0 6px 14px rgba(240,120,24,.18);cursor:pointer;transition:transform .15s,filter .15s}
nav.thb-site-nav .user-nav-signin:hover{background:linear-gradient(135deg,#f07818,#f59b3a);filter:brightness(1.05);transform:translateY(-1px)}
nav.thb-site-nav .hamburger{margin-left:0}
@media(max-width:900px){
  nav.thb-site-nav .nav-links{margin-left:0;top:100%;background:#fff;padding:14px 4%;box-shadow:0 8px 18px #0001}
  nav.thb-site-nav .user-nav-wrap{margin-left:auto}
}
@media(max-width:760px){
  nav.thb-site-nav .inner{min-height:64px;gap:12px}
  nav.thb-site-nav .thb-brand img{height:44px}
  nav.thb-site-nav .thb-brand-name{font-size:21px}
  nav.thb-site-nav .user-nav-signin{padding:10px 14px;font-size:13px;white-space:nowrap}
}
@media(max-width:420px){
  nav.thb-site-nav .inner{gap:8px}
  nav.thb-site-nav .thb-brand{gap:6px}
  nav.thb-site-nav .thb-brand img{height:36px}
  nav.thb-site-nav .thb-brand-name{font-size:15px;white-space:nowrap}
}
/* narrow phones: logo alone, so search, bookmarks, Sign Up and the menu still fit (same as the home page) */
@media(max-width:389px){nav.thb-site-nav .thb-brand-name{display:none}}

/* Mid widths (tablet / small laptop): 7 menu items + logo + Sign Up must fit */
@media(min-width:761px) and (max-width:1100px){
  .thb-menu .thb-link,#mainNav.thb-menu .thb-link{padding:8px 10px;font-size:14px}
  .site-header .nav-wrap,nav.thb-site-nav .inner,.thb-hdr-wrap{gap:12px}
  .site-header .brand img,nav.thb-site-nav .thb-brand img,.thb-hdr-brand img{height:44px}
  .site-header .brand-name,nav.thb-site-nav .thb-brand-name,.thb-hdr-brand span{font-size:20px}
  .site-header .nav-actions .btn,nav.thb-site-nav .user-nav-signin,.thb-hdr-cta{padding:11px 14px;white-space:nowrap}
  nav.thb-site-nav .thb-brand,.site-header .brand{flex-shrink:0}
}
/* the full menu only fits beside the logo text from 1101 px: logo alone up to there */
@media(min-width:761px) and (max-width:1100px){
  .site-header .brand-name,.thb-hdr-brand span,nav.thb-site-nav .thb-brand-name{display:none}
}
@media(min-width:1101px) and (max-width:1279px){
  .thb-menu .thb-link,#mainNav.thb-menu .thb-link{padding:8px 11px;font-size:14.5px}
  .site-header .nav-wrap,nav.thb-site-nav .inner{gap:14px}
}
@media(min-width:761px){.site-header .nav-actions .btn,nav.thb-site-nav .user-nav-signin{white-space:nowrap}}

/* ---------- Bookmarks (js/bookmarks.js) — shared on every page ---------- */
.bm-nav{position:relative;display:inline-grid;place-items:center;width:42px;height:42px;margin-right:8px;border-radius:50%;color:#06305e;text-decoration:none;transition:background .15s,color .15s}
.bm-nav:hover{background:#fff1e3;color:#d35f0b}
.bm-nav svg{width:22px;height:22px}
.bm-count{position:absolute;top:3px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#f07818;color:#fff;font:700 11px/18px 'Noto Sans',Arial,sans-serif;text-align:center}
.bm-count[hidden]{display:none}
.bm-btn svg,.bm-verse svg{width:18px;height:18px}
.bm-btn.is-saved svg path,.bm-verse.is-saved svg path{fill:currentColor}
.bm-verse{display:inline-grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #efe2d3;border-radius:50%;background:#fff;color:#a07a50;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.bm-verse:hover{border-color:#f59b3a;color:#d35f0b}
.bm-verse.is-saved{background:#fff1e3;border-color:#f59b3a;color:#d35f0b}
/* Save-to-favorites on list cards — js/bookmarks.js adds .bm-save to cards marked data-fav-title */
.fav-wrap{position:relative;display:grid}
.fav-wrap>a{min-width:0}
.fav-host{position:relative}
.bm-save{display:inline-grid;place-items:center;padding:0;border:1px solid #efe2d3;background:#fff;color:#a07a50;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .1s}
.bm-save svg{width:18px;height:18px}
.bm-save svg path{fill:none}
.bm-save.is-saved svg path{fill:currentColor}
.bm-save:hover{border-color:#f59b3a;color:#d35f0b}
.bm-save:active{transform:scale(.92)}
.bm-save.is-saved{background:#fff1e3;border-color:#f59b3a;color:#d35f0b}
.bm-float{position:absolute;top:10px;right:10px;z-index:3;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 2px 10px rgba(6,30,58,.14)}
.bm-float:focus-visible{outline:3px solid #f6a457;outline-offset:2px}
.sb-card.fav-host,.fx-more.fav-host,.tx-row.fav-host{padding-right:60px}
.tx-row.is-target{background:#fff4e8;box-shadow:inset 3px 0 0 #f07818}
.tx-rows .fav-host .bm-float{top:50%;margin-top:-19px}
.sk-save,.pc-save{grid-auto-flow:column;gap:6px;height:36px;padding:0 14px;border-radius:999px;font:600 13px 'Noto Sans',Arial,sans-serif}
.sk-save{margin:12px 0 0}
.sk-save[hidden]{display:none}
.bm-toast{position:fixed;left:50%;bottom:24px;z-index:1000;transform:translate(-50%,20px);padding:12px 20px;border-radius:12px;background:#06305e;color:#fff;font:600 14px 'Noto Sans',Arial,sans-serif;box-shadow:0 12px 30px rgba(6,30,58,.3);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.bm-toast.is-on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.bm-toast a{color:#ffc58f;text-decoration:underline}
@media(max-width:760px){.bm-nav{width:38px;height:38px;margin-right:2px}}
/* Resume prompt + continue-reading lists (js/bookmarks.js) */
.bm-resume{position:fixed;left:50%;bottom:20px;z-index:1000;display:flex;align-items:center;gap:10px;max-width:calc(100% - 24px);padding:10px 10px 10px 18px;border-radius:14px;background:#06305e;color:#fff;font:500 14px 'Noto Sans',Arial,sans-serif;box-shadow:0 14px 34px rgba(6,30,58,.35);transform:translate(-50%,30px);opacity:0;transition:opacity .25s,transform .25s}
.bm-resume.is-on{opacity:1;transform:translate(-50%,0)}
.bm-resume strong{color:#ffc58f}
.bm-resume-go{flex:none;padding:9px 14px;border:0;border-radius:10px;background:#f07818;color:#fff;font:700 14px 'Noto Sans',Arial,sans-serif;cursor:pointer}
.bm-resume-x{flex:none;width:32px;height:32px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:18px;cursor:pointer}
.cr-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.cr-item{position:relative;display:flex;flex-direction:column;gap:3px;padding:14px 16px 16px;border-radius:14px;background:#fff;border:1px solid #efe2d3;text-decoration:none;transition:border-color .15s,box-shadow .15s}
.cr-item:hover{border-color:#f59b3a;box-shadow:0 8px 20px rgba(138,90,43,.1)}
.cr-type{font:700 11px 'Noto Sans',Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#d35f0b}
.cr-item strong{font-family:'Noto Serif',Georgia,serif;font-size:16px;color:#06305e}
.cr-item small{font:13px 'Noto Sans',Arial,sans-serif;color:#5b6b80}
.cr-bar{height:5px;margin-top:8px;border-radius:999px;background:#f4ece2;overflow:hidden}
.cr-bar i{display:block;height:100%;background:linear-gradient(90deg,#f07818,#f59b3a)}
@media(max-width:560px){.bm-resume{left:12px;right:12px;transform:translateY(30px);flex-wrap:wrap}.bm-resume.is-on{transform:none}.bm-resume span{flex:1 1 100%}}
@media(max-width:760px){.bm-resume{bottom:84px}}
/* ---------- share bar (js/bookmarks.js) ---------- */
.thb-sharebar{width:min(1180px,92%);margin:8px auto 28px;padding:0!important}
.tg-wrap .thb-sharebar,.gt-verse-wrap .thb-sharebar{width:auto;margin:22px 0 18px}
.thb-sharebar-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 20px;padding:18px 22px;border-radius:18px;background:linear-gradient(135deg,#fff7ec,#fff 70%);border:1px solid #f3dcc2;box-shadow:0 6px 18px rgba(138,90,43,.07)}
.thb-sharebar-t{margin:0;display:flex;flex-direction:column;gap:2px}
.thb-sharebar-t b{font:700 18px 'Noto Serif',Georgia,serif;color:#06305e}
.thb-sharebar-t span{font:500 13.5px 'Noto Sans Devanagari','Noto Sans',sans-serif;color:#8a5a2b}
.thb-sharebar-b{display:flex;flex-wrap:wrap;gap:10px}
.thb-sharebar-b a{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;color:#fff!important;font:700 14.5px 'Noto Sans',Arial,sans-serif;text-decoration:none!important;box-shadow:0 6px 14px rgba(0,0,0,.12);transition:transform .15s,filter .15s}
.thb-sharebar-b a:hover{transform:translateY(-2px);filter:brightness(1.06)}
.thb-sharebar-b a:focus-visible{outline:3px solid #f07818;outline-offset:2px}
.thb-sharebar-b svg{width:20px;height:20px;flex:none}
.thb-sharebar-b .sb-wa{background:#1fa855}
.thb-sharebar-b .sb-fb{background:#1877f2}
.thb-sharebar-b .sb-tg{background:#229ed9}
@media(max-width:580px){
  .thb-sharebar-in{padding:16px}
  .thb-sharebar-b{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  .thb-sharebar-b a{flex-direction:column;justify-content:center;gap:4px;padding:10px 6px;border-radius:14px;font-size:12.5px}
}

/* ---------- print (every page) — clean devotional printout ----------
   Print-only header/footer are added by js/bookmarks.js. On-screen choices
   (e.g. transliteration or meaning switched off) carry over to the printout. */
.thb-print-head,.thb-print-foot{display:none}
@media print{
  @page{margin:16mm 14mm 18mm;
    @bottom-left{content:"thehindubook.com";font:9pt 'Noto Sans',Arial,sans-serif;color:#777}
    @bottom-right{content:"Page " counter(page) " of " counter(pages);font:9pt 'Noto Sans',Arial,sans-serif;color:#777}}
  html,body{background:#fff!important;color:#111!important;font-size:11pt;line-height:1.5}
  *,*::before,*::after{box-shadow:none!important;text-shadow:none!important;animation:none!important;transition:none!important}
  /* site chrome and interactive parts */
  .main-nav,.thb-site-nav,.thb-foot,footer,.hamburger,.tg-crumbs,.tg-actions,.tg-back,.tg-related,.tg-tabs,
  .sd-reader-bar,.sd-side,.sd-pager,.sd-verse-actions,.sd-v-tools,.sk-share,.thb-sharebar,.bm-btn,.bm-verse,.bm-save,.bm-resume,.bm-toast,
  .wj-overlay,.wj-fab,.thb-acct-menu,.vk-tools,.vk-mosaic,.sd-photo,.tg-photo,iframe,video,audio,form,button,select,input{display:none!important}
  /* single column, full width */
  .tg-wrap,.tx-wrap,.container{width:auto!important;max-width:none!important;margin:0!important;padding:0!important}
  .sd-hero,.sd-layout,.tg-hero,.tg-body,.acc-dash-grid{display:block!important}
  main,main section,.sd-body,.tg-card,.sd-v,.sd-verse,.vk-hero,.vk-legacy,.vk-stotra,.sd-quote{background:#fff!important}
  /* keep verses and cards whole, headings with their text */
  h1,h2,h3,h4{break-after:avoid;page-break-after:avoid;color:#111!important}
  .sd-v,.sd-verse,.sd-mean-card,.sd-more-card,.sd-opening,.sd-quote,.vk-block,.vk-legacy,.vk-stotra,.tg-card,.tg-faq details,li,figure,table,.sd-pose{break-inside:avoid;page-break-inside:avoid}
  .sd-v,.sd-verse,.sd-more-card,.sd-opening{border:0!important;border-left:2pt solid #999!important;border-radius:0!important;padding:4pt 0 4pt 10pt!important;margin:0 0 10pt!important}
  .sd-v-dev,.sd-dev,[lang="sa"]{font-size:14pt;line-height:1.7;color:#000!important}
  .sd-roman,.sd-iast,.sd-v-trans,.sd-opening .sd-roman{color:#444!important;opacity:1!important}
  .sd-when,.tg-tags em,.tx-card-tags em{border:1pt solid #bbb!important;color:#333!important}
  a,a:visited{color:#111!important;text-decoration:none!important}
  img{max-width:100%!important}
  details>summary{list-style:none;font-weight:700}
  /* print-only header and footer */
  .thb-print-head{display:flex!important;align-items:center;gap:10pt;flex-wrap:wrap;margin:0 0 14pt;padding:0 0 8pt;border-bottom:1pt solid #999}
  .thb-print-head img{height:28pt;width:auto}
  .thb-print-head span{font:9.5pt 'Noto Sans',Arial,sans-serif;color:#555}
  .thb-print-head strong{margin-left:auto;font:600 10pt 'Noto Sans',Arial,sans-serif;color:#555;text-align:right}
  .thb-print-foot{display:flex!important;align-items:center;gap:14pt;margin:18pt 0 0;padding:10pt 0 0;border-top:1pt solid #999;break-inside:avoid;page-break-inside:avoid}
  .thb-print-qr{flex:none;width:72pt;height:72pt}
  .thb-print-qr canvas,.thb-print-qr img{width:72pt!important;height:72pt!important}
  .thb-print-qr canvas{display:none!important}
  .thb-print-qr img{display:block!important}
  .thb-print-foot p{margin:0;display:flex;flex-direction:column;gap:2pt;font:10pt 'Noto Sans',Arial,sans-serif;color:#333}
  .thb-print-foot b{font-size:11pt;color:#111}
  .thb-print-foot span{font-family:'Noto Sans Mono',Consolas,monospace;font-size:10pt}
  .thb-print-foot small{color:#777}
}
/* ---------- "Next festival" bar under the header (js/bookmarks.js) ---------- */
.thb-fbar{background:linear-gradient(90deg,#fff4e6,#ffe9d1 60%,#fff4e6);border-bottom:1px solid #f3dcc2;font:500 13.5px 'Noto Sans','Noto Sans Devanagari',Arial,sans-serif;color:#1f3150}
.thb-fbar.is-today{background:linear-gradient(90deg,#f07818,#d35f0b);border-bottom-color:#c45708;color:#fff}
.thb-fbar-in{position:relative;display:flex;align-items:center;justify-content:center;width:min(1180px,92%);margin:0 auto;min-height:38px}
.thb-fbar a{display:flex;align-items:center;justify-content:center;gap:8px;padding:7px 34px 7px 0;color:inherit!important;text-decoration:none!important;text-align:center;line-height:1.35}
.thb-fbar a:hover .thb-fbar-t b{text-decoration:underline}
.thb-fbar-ic{font-size:16px}
.thb-fbar b{color:#06305e;font-weight:700}
.thb-fbar.is-today b{color:#fff}
.thb-fbar [lang="hi"]{color:#8a5a2b;font-weight:600}
.thb-fbar.is-today [lang="hi"]{color:#ffe7c7}
.thb-fbar em{font-style:normal;font-weight:700;color:#d35f0b}
.thb-fbar small{font-size:12px;color:#7a6a5a}
.thb-fbar-go{font-weight:700;color:#d35f0b}
.thb-fbar.is-today .thb-fbar-go{color:#fff}
.thb-fbar-x{position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:0;border-radius:50%;background:none;color:inherit;font-size:20px;line-height:1;cursor:pointer;opacity:.6}
.thb-fbar-x:hover,.thb-fbar-x:focus-visible{opacity:1;background:rgba(0,0,0,.06)}
@media(max-width:580px){.thb-fbar{font-size:12.5px}.thb-fbar small,.thb-fbar-go{display:none}.thb-fbar a{gap:6px}.thb-fbar.is-loading .thb-fbar-in{min-height:48px}}
.fbar-off .thb-fbar.is-loading{display:none}
@media print{.thb-fbar{display:none!important}}
/* ---------- installable app (js/bookmarks.js) ---------- */
.thb-foot-app{display:inline-flex;align-items:center;gap:10px;margin:10px 0 0 10px;padding:9px 16px;border:1px solid rgba(255,255,255,.35);border-radius:12px;background:rgba(255,255,255,.08);color:#fff;font:700 14px 'Noto Sans',Arial,sans-serif;cursor:pointer;text-align:left}
.thb-foot-app:hover{background:rgba(255,255,255,.16)}
.thb-foot-app[hidden]{display:none}
.thb-foot-app span:last-child{display:flex;flex-direction:column}
.thb-foot-app small{font-size:11px;font-weight:600;opacity:.8}
.thb-inst-banner{position:fixed;left:50%;bottom:16px;z-index:1100;display:flex;align-items:center;gap:12px;width:min(560px,calc(100% - 24px));padding:12px 12px 12px 14px;border-radius:16px;background:#fff;border:1px solid #f0dcc6;box-shadow:0 18px 44px rgba(6,30,58,.22);transform:translateX(-50%);font-family:'Noto Sans',Arial,sans-serif;animation:thbInstIn .3s ease-out}
@keyframes thbInstIn{from{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%,0)}}
.thb-inst-banner img{flex:none;border-radius:12px}
.thb-inst-banner p{flex:1;min-width:0;margin:0;display:flex;flex-direction:column;gap:2px;font-size:13px;line-height:1.4;color:#4a5a70}
.thb-inst-banner b{font-size:14.5px;color:#06305e}
.thb-inst-go{flex:none;padding:10px 16px;border:0;border-radius:999px;background:linear-gradient(135deg,#f07818,#d35f0b);color:#fff;font:700 14px 'Noto Sans',Arial,sans-serif;cursor:pointer}
.thb-inst-no{flex:none;padding:8px;border:0;background:none;color:#7a8696;font:600 13px 'Noto Sans',Arial,sans-serif;cursor:pointer}
.thb-inst-sheet{position:fixed;inset:0;z-index:1200;display:grid;place-items:end center;background:rgba(6,30,58,.45);padding:12px}
.thb-inst-sheet[hidden]{display:none}
.thb-inst-card{position:relative;width:min(460px,100%);padding:24px 22px 20px;border-radius:20px;background:#fff;font-family:'Noto Sans',Arial,sans-serif;color:#1f3150;box-shadow:0 24px 60px rgba(6,30,58,.3);text-align:center}
.thb-inst-card img{border-radius:14px}
.thb-inst-card h2{margin:10px 0 12px;font:700 19px 'Noto Serif',Georgia,serif;color:#06305e}
.thb-inst-card ol{margin:0 0 12px;padding:0 0 0 20px;text-align:left;font-size:15px;line-height:1.7}
.thb-inst-card p{margin:0;font-size:13.5px;color:#5b6b80}
.thb-inst-x{position:absolute;right:10px;top:8px;width:34px;height:34px;border:0;border-radius:50%;background:none;font-size:22px;color:#7a8696;cursor:pointer}
@media(min-width:700px){.thb-inst-sheet{place-items:center}}
@media(max-width:580px){.thb-inst-banner{bottom:10px}.thb-inst-banner p span{display:none}.thb-foot-app{margin-left:0}}
@media print{.thb-inst-banner,.thb-inst-sheet,.thb-foot-app{display:none!important}}
/* Email sign-up messages (js/bookmarks.js) */
.thb-sub-msg{margin:10px 0 0;padding:9px 12px;border-radius:10px;background:#eef7ee;color:#1d6b35;font:600 13.5px 'Noto Sans',Arial,sans-serif;line-height:1.45}
.thb-sub-msg.is-bad{background:#fdecea;color:#a12d22}
.thb-sub-msg[hidden]{display:none}
.thb-foot .thb-sub-msg{background:rgba(255,255,255,.12);color:#d9f7e2}
.thb-foot .thb-sub-msg.is-bad{background:rgba(255,120,100,.18);color:#ffd2cc}
/* ---------- site search (js/bookmarks.js) ---------- */
.thb-search-btn{display:inline-grid;place-items:center;width:42px;height:42px;margin-right:4px;border:0;border-radius:50%;background:none;color:#06305e;cursor:pointer;transition:background .15s}
.thb-search-btn:hover,.thb-search-btn:focus-visible{background:#fff1e3;outline:0}
.thb-search-btn svg{width:21px;height:21px}
.thb-search{position:fixed;inset:0;z-index:1300;display:flex;justify-content:center;align-items:flex-start;padding:9vh 16px 16px;background:rgba(6,30,58,.45);backdrop-filter:blur(2px)}
.thb-search[hidden]{display:none}
html.thb-search-open{overflow:hidden}
.thb-search-box{width:min(640px,100%);max-height:80vh;display:flex;flex-direction:column;border-radius:18px;background:#fff;box-shadow:0 30px 70px rgba(6,30,58,.35);overflow:hidden;font-family:'Noto Sans','Noto Sans Devanagari',Arial,sans-serif}
.thb-search-top{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #f0e2d2}
.thb-search-top svg{width:22px;height:22px;color:#b07a4a;flex:none}
.thb-search-top input{flex:1;min-width:0;border:0;outline:0;font:500 17px 'Noto Sans','Noto Sans Devanagari',Arial,sans-serif;color:#06305e;background:none}
.thb-search-top input::-webkit-search-cancel-button{display:none}
.thb-search-x{flex:none;padding:4px 8px;border:1px solid #e3d3c0;border-radius:6px;background:#fff;color:#7a8696;font:600 11.5px 'Noto Sans',Arial,sans-serif;cursor:pointer}
.thb-search-list{list-style:none;margin:0;padding:6px;overflow-y:auto}
.thb-search-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;color:#06305e;text-decoration:none}
.thb-search-list a:hover,.thb-search-list a.is-active{background:#fff4e8}
.thb-search-list b{font-weight:600}
.thb-search-list small{font-family:'Noto Serif Devanagari',serif;color:#8a5a2b}
.thb-search-list em{flex:none;font-style:normal;font-size:11.5px;font-weight:700;color:#d35f0b;background:#fff1e3;border-radius:999px;padding:2px 9px}
.thb-search-h{padding:8px 12px 4px;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#7a5a3c}
.thb-search-none{padding:14px 12px;color:#7a8696;font-size:14px}
.thb-search-tip{margin:0;padding:10px 16px;border-top:1px solid #f0e2d2;font-size:12.5px;color:#8a8f99}
/* smart search: answer cards, "did you mean", see all */
.thb-search-list .thb-search-card a{display:flex;align-items:flex-start;justify-content:flex-start;gap:12px;margin:2px 0 6px;padding:12px 14px;border:1px solid #f3d9bd;border-radius:14px;background:#fff8f0}
.thb-search-list .thb-search-card a:hover,.thb-search-list .thb-search-card a.is-active{background:#ffefdc}
.thb-search-card .ic{flex:none;font-size:22px;line-height:1.2}
.thb-search-card .bd{display:flex;flex-direction:column;gap:2px;min-width:0}
.thb-search-card .bd b{font-weight:700;color:#06305e}
.thb-search-card .bd span{font-size:14.5px;color:#33465e;line-height:1.45}
.thb-search-card .bd span.dv{font-family:'Noto Serif Devanagari',serif;color:#8a2f00;white-space:pre-line}
.thb-search-card .bd small{font-family:'Noto Sans',Arial,sans-serif;font-size:12.5px;color:#7a6a5a}
.thb-search-card .bd i{font-style:normal;font-size:13px;font-weight:700;color:#d35f0b}
.thb-search-dym{padding:8px 12px;font-size:14px;color:#5b6b80}.thb-search-dym button{padding:0;border:0;background:none;color:#d35f0b;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}
.thb-search-list .thb-search-all a{justify-content:center;font-size:14px;font-weight:700;color:#d35f0b}
@media(max-width:760px){.thb-search-btn{width:38px;height:38px;margin-right:0}.thb-search{padding:0}.thb-search-box{max-height:100vh;height:100%;border-radius:0}.thb-search-tip{display:none}}
@media print{.thb-search,.thb-search-btn{display:none!important}}
.thb-search-x .t{display:none}
@media(max-width:760px){.thb-search-x .k{display:none}.thb-search-x .t{display:inline}.thb-search-x{padding:6px 10px;font-size:13px}}
/* ---------- display settings (js/bookmarks.js) ---------- */
body{zoom:var(--thb-zoom,1)}
.thb-theme-btn{display:inline-grid;place-items:center;width:42px;height:42px;margin-right:2px;border:0;border-radius:50%;background:none;color:#06305e;cursor:pointer;transition:background .15s}
.thb-theme-btn:hover,.thb-theme-btn:focus-visible{background:#fff1e3;outline:0}
.thb-theme-btn svg{width:20px;height:20px}
.thb-display{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;width:min(1180px,92%);margin:0 auto;padding:14px 0 4px;border-top:1px solid rgba(255,255,255,.12);font:600 13px 'Noto Sans',Arial,sans-serif;color:rgba(255,255,255,.75)}
.thb-display-g{display:inline-flex;align-items:center;gap:4px}
.thb-display-g b{margin-right:4px;font-weight:700;color:rgba(255,255,255,.9)}
.thb-display button{padding:5px 10px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:none;color:#fff;font:600 12.5px 'Noto Sans',Arial,sans-serif;cursor:pointer}
.thb-display button:hover{background:rgba(255,255,255,.1)}
.thb-display button[aria-pressed="true"]{background:#f07818;border-color:#f07818}
.thb-display small{margin-left:4px;color:rgba(255,255,255,.6)}
@media(max-width:760px){.thb-theme-btn{width:36px;height:36px;margin-right:0}}
@media print{.thb-theme-btn,.thb-display{display:none!important}}
/* phones: keep the header to logo · search · bookmarks · sign-in · menu (Light/Dark lives in the footer) */
@media(max-width:560px){.thb-theme-btn{display:none}.thb-search-btn{width:34px;height:34px}.bm-nav{width:34px;height:34px;margin-right:0}}
@media(max-width:380px){nav.thb-site-nav .thb-brand img{height:38px;width:auto}nav.thb-site-nav .thb-brand-name{font-size:16px}nav.thb-site-nav .user-nav-signin{padding:8px 10px;font-size:12.5px}.thb-search-btn,.bm-nav{width:32px;height:32px}}
@media(max-width:340px){nav.thb-site-nav .thb-brand-name{display:none}}
@media(max-width:560px){nav.thb-site-nav .thb-brand{gap:6px;flex:none}nav.thb-site-nav .thb-brand img{height:42px;width:auto}nav.thb-site-nav .thb-brand-name{font-size:18px}nav.thb-site-nav .user-nav-wrap{flex:none}}
@media(max-width:380px){nav.thb-site-nav .thb-brand-name{font-size:15px}}
/* phones: "Sign Up" becomes a round person icon (same link) to make room in the header */
@media(max-width:420px){
  nav.thb-site-nav .user-nav-signin{position:relative;width:36px;height:36px;padding:0!important;border-radius:50%;font-size:0!important;line-height:0}
  nav.thb-site-nav .user-nav-signin::before{content:"";position:absolute;inset:0;margin:auto;width:18px;height:18px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1.5-4 4.5-6 8-6s6.5 2 8 6'/%3E%3C/svg%3E")}
}

/* ---------- WhatsApp channel link in the menu (js/bookmarks.js) ---------- */
.nav-wa{display:inline-flex!important;align-items:center;gap:6px;color:#128c4b!important;font-weight:700}
.nav-wa svg{width:18px;height:18px;flex:none}
.nav-wa:hover{color:#0b6b38!important}
/* menu bar: icon only 1280–1439 px, with its label from 1440 px; no room for it between 901 and 1279 px (it stays in the phone menu) */
@media(min-width:901px) and (max-width:1359px){.nav-wa{display:none!important}}
@media(min-width:1360px) and (max-width:1439px){.nav-wa span{display:none}.nav-wa{padding-left:8px!important;padding-right:8px!important}.nav-wa svg{width:20px;height:20px}}

/* ---------- sign-up prompts: under the share bar, and after lighting a diya (js/bookmarks.js) ---------- */
.thb-subline,.thb-subask{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:14px 0 0;padding:14px 44px 14px 18px;border:1px solid #f3dcc2;border-radius:16px;background:linear-gradient(135deg,#fff8ef,#fff3e3);font:500 14.5px/1.5 'Noto Sans','Noto Sans Devanagari',Arial,sans-serif;color:#1f3150}
.thb-subline p,.thb-subask p{flex:1 1 220px;min-width:0;margin:0}
.thb-subline b,.thb-subask b{color:#06305e}
.thb-subline form,.thb-subask form{display:flex;flex:1 1 220px;min-width:0;gap:8px}
.thb-subline input,.thb-subask input{flex:1;min-width:0;padding:10px 14px;border:1.5px solid #ecd9c4;border-radius:999px;font:500 15px 'Noto Sans',Arial,sans-serif;color:#06305e;background:#fff}
.thb-subline input:focus,.thb-subask input:focus{outline:0;border-color:#f07818;box-shadow:0 0 0 3px rgba(240,120,24,.15)}
.thb-subline button[type=submit],.thb-subask button[type=submit]{padding:10px 18px;border:0;border-radius:999px;background:linear-gradient(135deg,#f07818,#d35f0b);color:#fff;font:700 14px 'Noto Sans',Arial,sans-serif;cursor:pointer}
.thb-ask-x{position:absolute;top:8px;right:8px;width:30px;height:30px;border:0;border-radius:50%;background:none;color:#7a6a5a;font-size:20px;line-height:1;cursor:pointer}
.thb-ask-x:hover,.thb-ask-x:focus-visible{background:rgba(0,0,0,.06)}
.thb-subline+.thb-sub-msg,.thb-subask .thb-sub-msg,.thb-subline .thb-sub-msg{flex-basis:100%;margin:0;font-size:14px;color:#2f7d32}
.thb-sub-msg.is-bad{color:#b42318}
.thb-subask{max-width:640px}
html[data-theme="dark"] .thb-subline,html[data-theme="dark"] .thb-subask{background:#1d2738;border-color:#33445f;color:#e3e8f0}
html[data-theme="dark"] .thb-subline b,html[data-theme="dark"] .thb-subask b{color:#f0d3b0}
html[data-theme="dark"] .nav-wa{color:#4ade80!important}
@media print{.thb-subline,.thb-subask{display:none!important}}
/* home page header: more buttons than the shared menu, so the WhatsApp link stays in the phone menu only;
   between 761 and 900 px its menu is tightened to fit beside the logo */
@media(min-width:761px){#mainNav .nav-wa{display:none!important}}
@media(min-width:761px) and (max-width:900px){#mainNav.thb-menu .thb-link{padding:7px 8px;font-size:13.5px}.site-header .nav-wrap{gap:8px}.site-header .nav-actions{gap:2px}}
@media(min-width:761px) and (max-width:799px){#mainNav.thb-menu .thb-link{padding:6px 6px;font-size:13px}.site-header .brand img{height:38px;width:auto}}
@media(max-width:380px){.thb-subline,.thb-subask{padding:12px 40px 12px 14px}.thb-subline button[type=submit],.thb-subask button[type=submit]{padding:10px 14px}}

/* ---------- Deities dropdown (js/nav.js wraps the Deities link in .thb-dd) ---------- */
.thb-dd{display:inline-flex;align-items:center}
.thb-dd-btn{position:relative;z-index:2;display:grid;place-items:center;width:22px;height:30px;margin-left:-14px;padding:0;border:0;border-radius:6px;background:transparent;color:#06305e;cursor:pointer}
.thb-dd-btn svg{width:12px;height:12px;transition:transform .2s ease}
.thb-dd-btn:focus-visible{outline:2px solid #d35f0b;outline-offset:1px}
.thb-dd.is-open .thb-dd-btn svg{transform:rotate(180deg)}
.thb-menu .thb-dd .thb-link.is-current+.thb-dd-btn{color:#fff}
.thb-menu:has(.thb-pill.is-on:not(.on-current)) .thb-dd .thb-link.is-current+.thb-dd-btn{color:#b9520a}
.thb-dd-panel{display:none;position:absolute;top:calc(100% + 10px);z-index:60;width:min(540px,calc(100vw - 24px));padding:14px;border:1px solid #eadfcf;border-radius:16px;background:#fff;box-shadow:0 18px 40px rgba(6,48,94,.16);text-align:left}
.thb-dd-panel::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.thb-dd.is-open .thb-dd-panel{display:block;animation:thb-menu-in .2s ease both}
.thb-dd-panel ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;margin:0;padding:0;list-style:none}
.thb-menu .thb-dd-panel a{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:10px;color:#06305e;font-size:14px;font-weight:600;line-height:1.2;text-decoration:none;background:none;width:auto}
.thb-menu .thb-dd-panel a:hover,.thb-menu .thb-dd-panel a:focus-visible{background:#fff1e3;color:#b9520a}
.thb-menu .thb-dd-panel a[aria-current]{background:#fff1e3;color:#b9520a}
.thb-dd-panel img{flex:none;width:32px;height:32px;border-radius:50%;object-fit:cover;background:#f6f0e4}
.thb-dd-panel small{display:block;margin-top:1px;font-size:12px;font-weight:500;color:#5a6578;font-family:'Noto Sans Devanagari',sans-serif}
.thb-menu .thb-dd-panel .thb-dd-all{display:block;margin-top:8px;padding:10px 8px 2px;border-top:1px solid #eef1f4;border-radius:0;color:#c2410c;font-size:13.5px}
/* phones / tablets: the menu is a column, so the list opens inline under Deities */
@media(max-width:900px){
  .nav-links .thb-dd{display:flex;flex-wrap:wrap;width:100%}
  .nav-links .thb-dd>.thb-link{flex:1}
  .nav-links .thb-dd-btn{width:44px;height:44px;margin:0}
  .nav-links .thb-dd-panel{position:static;width:100%;padding:2px 0 8px 10px;border:0;box-shadow:none;background:transparent}
  .nav-links .thb-dd-panel::before{display:none}
  .nav-links .thb-dd-panel ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  #mainNav .thb-dd{display:flex;flex-wrap:wrap;width:100%}
  #mainNav .thb-dd>.thb-link{flex:1}
  #mainNav .thb-dd-btn{width:44px;height:44px;margin:0}
  #mainNav .thb-dd-panel{position:static;width:100%;padding:2px 0 8px 10px;border:0;box-shadow:none;background:transparent}
  #mainNav .thb-dd-panel::before{display:none}
  #mainNav .thb-dd-panel ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:360px){.thb-dd-panel ul{grid-template-columns:1fr!important}}
@media print{.thb-dd-btn,.thb-dd-panel{display:none!important}}
@media(max-width:900px){.thb-menu.nav-links .thb-dd .thb-link.is-current+.thb-dd-btn{color:#06305e}}
@media(max-width:760px){#mainNav.thb-menu .thb-dd .thb-link.is-current+.thb-dd-btn{color:#06305e}}
/* seven menu items (Deities added 2026-10): tighter items at every desktop width, logo alone below 1280 px */
@media(min-width:1280px){
  .thb-menu .thb-link,#mainNav.thb-menu .thb-link{padding:9px 12px}
  nav.thb-site-nav .nav-links,#mainNav.thb-menu{gap:2px}
  nav.thb-site-nav .inner,.site-header .nav-wrap{gap:18px}
}
@media(min-width:1101px) and (max-width:1279px){
  .site-header .brand-name,.thb-hdr-brand span,nav.thb-site-nav .thb-brand-name{display:none}
}
@media(min-width:761px) and (max-width:1100px){
  .thb-menu .thb-link,#mainNav.thb-menu .thb-link{padding:8px 8px;font-size:13.5px}
  #mainNav.thb-menu{gap:0}
}
@media(min-width:761px) and (max-width:1000px){
  .thb-menu .thb-link,#mainNav.thb-menu .thb-link{padding:8px 5px;font-size:13px}
  .thb-dd-btn{margin-left:-6px;width:18px}
  .site-header .nav-wrap,nav.thb-site-nav .inner{gap:8px}
}
nav.thb-site-nav .thb-brand,.site-header .brand{flex-shrink:0}
@media(min-width:1280px) and (max-width:1599px){
  nav.thb-site-nav .thb-brand-name,.site-header .brand-name{font-size:22px}
  nav.thb-site-nav .thb-brand img,.site-header .brand img{height:48px}
}
/* signed in on this browser (html.thb-in, set before drawing): no "Sign Up" flash while the session loads (js/thb-auth.js) */
html.thb-in nav.thb-site-nav .user-nav-signin,html.thb-in .site-header .nav-actions .btn-primary{visibility:hidden}