@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&family=Noto+Serif+Devanagari:wght@400;600&display=swap");
/* Shastra Wisdom shared styles
   Root page reference: styles.css
   /wisdom/ page reference: ../styles.css
*/
:root { --ring: 0 0% 100%; }

html { scroll-behavior: smooth; }

body {
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 17px;
  line-height: 1.75;
}

.font-merri { font-family: 'Roboto', Arial, sans-serif; }

.font-oregano {
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 400;
}

.font-sansation {
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 300;
}

.nav-text {
  font-family: 'Roboto', Arial, sans-serif;
  letter-spacing: 0.05em;
}

.quote-text { font-family: 'Roboto', Arial, sans-serif; }

.glass {
  backdrop-filter: saturate(150%) blur(10px);
  -webkit-backdrop-filter: saturate(150%) blur(10px);
  background: rgba(255,255,255,0.78);
}

.video-shell {
  overflow: hidden;
  border-radius: 1.5rem;
  background: rgb(2 6 23);
  box-shadow:
    0 20px 25px -5px rgb(15 23 42 / 0.12),
    0 8px 10px -6px rgb(15 23 42 / 0.08);
  outline: 1px solid rgb(226 232 240);
}

.video-shell iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.topic-hub-card {
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.topic-hub-card:hover {
  transform: translateY(-2px);
}

.library-card {
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.library-card:hover {
  transform: translateY(-3px);
}

.filter-btn.active,
.topic-btn.active {
  background-color: rgb(15 23 42);
  color: white;
  border-color: rgb(15 23 42);
}



/* Wisdom Library and Deity hubs: exclusively external stylesheet rules. */
*{box-sizing:border-box} body{margin:0;color:#1e293b;background:#f8fafc}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%} [hidden],.hidden{display:none!important}
:focus-visible{outline:3px solid #d97706;outline-offset:3px}
.devanagari{font-family:'Noto Serif Devanagari',serif}.player-ratio{aspect-ratio:16/9}
.playlist-placeholder{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#451a03);color:#fcd34d;font-size:1.1rem}
.deity-symbol{min-height:112px;display:flex;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 40%,#78350f 0%,#451a03 55%,#0f172a 100%);color:#fde68a;font-size:1.35rem;padding:1rem;letter-spacing:.03em;overflow:hidden}
.deity-card{transition:transform .2s ease,box-shadow .2s ease}.deity-card:hover{transform:translateY(-2px)}.deity-card img{width:100%;height:160px;object-fit:cover}
.deity-card:focus-visible,.topic-hub-card:focus-visible{outline:3px solid #d97706}
.filter-btn.active,.topic-btn.active{background:#92400e;color:#fff;border-color:#92400e}


.filter-btn.active,.topic-btn.active{background:#92400e;color:white;border-color:#92400e}
.font-sansation{font-family:'Roboto',Arial,sans-serif}
.playlist-placeholder{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#451a03);color:#fcd34d;font-size:1.1rem}

/* Deity navigation cards. All global typography and theme styles remain in styles.css. */
.deity-symbol {min-height:112px;display:flex;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 40%,#78350f 0%,#451a03 55%,#0f172a 100%);color:#fde68a;font-size:1.35rem;padding:1rem;letter-spacing:.03em;overflow:hidden}
.deity-card:hover{transform:translateY(-2px)}
.deity-card{transition:transform .2s ease,box-shadow .2s ease}
.deity-card img{width:100%;height:160px;object-fit:cover}

.sw-001{aspect-ratio:16/9;}
.sw-002{backdrop-filter:blur(12px);}
.sw-003{background-color:#fef3c7;}
.sw-004{background-color:#fffbeb;}
.sw-005{background-color:#f59e0b;}
.sw-006{background-image:linear-gradient(180deg,var(--from,#f1f5f9),var(--via,#fff),var(--to,#fffbeb));}
.sw-007{background-image:linear-gradient(120deg,var(--from,#f1f5f9),var(--via,#fff),var(--to,#fffbeb));}
.sw-008{background-image:linear-gradient(90deg,var(--from,#0f172a),var(--via,#450a0a),var(--to,#0f172a));}
.sw-009{background-color:#f1f5f9;}
.sw-010{background-color:#f8fafc;}
.sw-011{background-color:#0f172a;}
.sw-012{background-color:rgba(15,23,42,0.9);}
.sw-013{background-color:#020617;}
.sw-014{background-color:#ffffff;}
.sw-015{background-color:rgba(255,255,255,0.9);}
.sw-016{background-color:rgba(255,255,255,0.95);}
.sw-017{display:block;}
.sw-018{border:1px solid #e2e8f0;}
.sw-019{border-color:#d97706;}
.sw-020{border-color:#e2e8f0;}
.sw-021{border-color:#cbd5e1;}
.sw-022{border-color:#64748b;}
.sw-023{border-top:1px solid #e2e8f0;}
.sw-024{display:flex;}
.sw-025{flex:1 1 0%;}
.sw-026{flex-direction:column;}
.sw-027{flex-wrap:wrap;}
.sw-028:focus{border-color:#d97706;}
.sw-029:focus{outline:2px solid #fde68a;}
.sw-030:focus{outline-color:#fef3c7;}
.sw-031{font-weight:700;}
.sw-032{font-weight:600;}
.sw-033{--from:#ffedd5;}
.sw-034{--from:#f1f5f9;}
.sw-035{--from:#0f172a;}
.sw-036{gap:0.5rem;}
.sw-037{gap:0.75rem;}
.sw-038{gap:1rem;}
.sw-039{gap:1.25rem;}
.sw-040{gap:1.5rem;}
.sw-041{display:grid;}
.sw-042{grid-template-columns:repeat(1,minmax(0,1fr));}
.group:hover .sw-043{color:#b45309;}
.sw-044{height:2.5rem;}
.sw-045{height:2rem;}
.sw-046{height:2.25rem;}
.sw-047{height:100%;}
.sw-048:hover{background-color:#fbbf24;}
.sw-049:hover{background-color:#fffbeb;}
.sw-050:hover{background-color:#1e293b;}
.sw-051:hover{border-color:#fcd34d;}
.sw-052:hover{outline-color:#fde68a;}
.sw-053:hover{box-shadow:0 10px 18px rgba(15,23,42,.15);}
.sw-054:hover{box-shadow:0 4px 9px rgba(15,23,42,.12);}
.sw-055:hover{color:#b45309;}
.sw-056:hover{color:#92400e;}
.sw-057:hover{text-decoration:underline;}
.sw-058{display:inline-block;}
.sw-059{display:inline-flex;}
.sw-060{align-items:center;}
.sw-061{align-items:flex-end;}
.sw-062{justify-content:space-between;}
.sw-063{justify-content:center;}
.sw-064{line-height:1.5;}
.sw-065{line-height:1.75;}
.sw-066{line-height:2;}
.sw-067{line-height:1.2;}
@media(min-width:1024px){.sw-068{flex-direction:row;}}
@media(min-width:1024px){.sw-069{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(min-width:1024px){.sw-070{align-items:center;}}
@media(min-width:1024px){.sw-071{justify-content:space-between;}}
@media(min-width:1024px){.sw-072{padding-left:2rem;padding-right:2rem;}}
@media(min-width:1024px){.sw-073{width:24rem;}}
.sw-074{max-width:48rem;}
.sw-075{max-width:56rem;}
.sw-076{max-width:64rem;}
.sw-077{max-width:72rem;}
.sw-078{max-width:80rem;}
.sw-079{max-width:36rem;}
.sw-080{margin-bottom:0.5rem;}
.sw-081{margin-bottom:0.75rem;}
.sw-082{margin-bottom:1rem;}
.sw-083{margin-bottom:1.25rem;}
.sw-084{margin-bottom:1.5rem;}
@media(min-width:768px){.sw-085{grid-column:span 2;}}
@media(min-width:768px){.sw-086{display:flex;}}
@media(min-width:768px){.sw-087{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(min-width:768px){.sw-088{display:none;}}
.sw-089{margin-top:0.25rem;}
.sw-090{margin-top:0.5rem;}
.sw-091{margin-top:0.75rem;}
.sw-092{margin-top:1rem;}
.sw-093{margin-top:1.25rem;}
.sw-094{margin-top:1.5rem;}
.sw-095{margin-top:auto;}
.sw-096{margin-left:auto;margin-right:auto;}
.sw-097{object-fit:contain;}
.sw-098{object-fit:cover;}
.sw-099{outline:none;}
.sw-100{overflow:hidden;}
.sw-101{padding:0.25rem;}
.sw-102{padding:1rem;}
.sw-103{padding:1.25rem;}
.sw-104{padding:1.5rem;}
.sw-105{padding-bottom:2.5rem;}
.sw-106{padding-bottom:3rem;}
.sw-107{padding-bottom:3.5rem;}
.sw-108{padding-bottom:1.5rem;}
.sw-109{padding-bottom:1.75rem;}
.sw-110{padding-bottom:2rem;}
.sw-111{padding-top:0.5rem;}
.sw-112{padding-top:1.25rem;}
.sw-113{padding-top:1.5rem;}
.sw-114{padding-left:0.625rem;padding-right:0.625rem;}
.sw-115{padding-left:1rem;padding-right:1rem;}
.sw-116{padding-left:1.25rem;padding-right:1.25rem;}
.sw-117{padding-left:1.5rem;padding-right:1.5rem;}
.sw-118{padding-top:0.25rem;padding-bottom:0.25rem;}
.sw-119{padding-top:0.5rem;padding-bottom:0.5rem;}
.sw-120{padding-top:0.625rem;padding-bottom:0.625rem;}
.sw-121{padding-top:0.75rem;padding-bottom:0.75rem;}
.sw-122{padding-top:1.25rem;padding-bottom:1.25rem;}
.sw-123{padding-top:1.5rem;padding-bottom:1.5rem;}
.sw-124{padding-top:1.75rem;padding-bottom:1.75rem;}
.sw-125{padding-top:2rem;padding-bottom:2rem;}
.sw-126{outline:1px solid #e2e8f0;}
.sw-127{outline:2px solid #fde68a;}
.sw-128{outline-color:#fde68a;}
.sw-129{outline-color:#fed7aa;}
.sw-130{outline-color:#e2e8f0;}
.sw-131{outline-color:rgba(15,23,42,0.05);}
.sw-132{border-radius:1rem;}
.sw-133{border-radius:9999px;}
.sw-134{border-radius:.5rem;}
.sw-135{border-radius:.75rem;}
.sw-136{box-shadow:0 10px 18px rgba(15,23,42,.15);}
.sw-137{box-shadow:0 4px 9px rgba(15,23,42,.12);}
.sw-138{box-shadow:0 1px 3px rgba(15,23,42,.1);}
@media(min-width:640px){.sw-139{flex-direction:row;}}
@media(min-width:640px){.sw-140{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(min-width:640px){.sw-141{align-items:flex-end;}}
@media(min-width:640px){.sw-142{justify-content:space-between;}}
@media(min-width:640px){.sw-143{padding-left:1.5rem;padding-right:1.5rem;}}
@media(min-width:640px){.sw-144{padding-left:2.25rem;padding-right:2.25rem;}}
@media(min-width:640px){.sw-145{font-size:1.5rem;}}
@media(min-width:640px){.sw-146{font-size:1.875rem;}}
@media(min-width:640px){.sw-147{font-size:2.25rem;}}
@media(min-width:640px){.sw-148{font-size:3rem;}}
@media(min-width:640px){.sw-149{font-size:1rem;}}
@media(min-width:640px){.sw-150{text-align:right;}}
.sw-151{position:sticky;}
.sw-152{font-size:1.5rem;}
.sw-153{font-size:1.875rem;}
.sw-154{font-size:2.25rem;}
.sw-155{font-size:14px;}
.sw-156{color:#fcd34d;}
.sw-157{color:#b45309;}
.sw-158{color:#92400e;}
.sw-159{color:#78350f;}
.sw-160{font-size:1rem;}
.sw-161{text-align:center;}
.sw-162{font-size:1.125rem;}
.sw-163{color:#cbd5e1;}
.sw-164{color:#94a3b8;}
.sw-165{color:#64748b;}
.sw-166{color:#475569;}
.sw-167{color:#1e293b;}
.sw-168{color:#0f172a;}
.sw-169{color:#020617;}
.sw-170{font-size:.875rem;}
.sw-171{color:#ffffff;}
.sw-172{color:rgba(255,255,255,0.8);}
.sw-173{font-size:1.25rem;}
.sw-174{font-size:.75rem;}
.sw-175{--to:#fde68a;}
.sw-176{--to:#fffbeb;}
.sw-177{--to:#f1f5f9;}
.sw-178{--to:#0f172a;}
.sw-179{top:0;}
.sw-180{letter-spacing:.14em;}
.sw-181{letter-spacing:.16em;}
.sw-182{letter-spacing:.2em;}
.sw-183{letter-spacing:0.14em;}
.sw-184{letter-spacing:0.16em;}
.sw-185{letter-spacing:0.18em;}
.sw-186{transition:all .2s;}
.sw-187{text-transform:uppercase;}
.sw-188{--via:#450a0a;}
.sw-189{--via:#ffffff;}
.sw-190{width:2.5rem;}
.sw-191{width:2rem;}
.sw-192{width:2.25rem;}
.sw-193{width:100%;}
@media(min-width:1280px){.sw-194{grid-column:span 3;}}
@media(min-width:1280px){.sw-195{grid-template-columns:repeat(3,minmax(0,1fr));}}
.sw-196{z-index:50;}


/* ==========================================
   WISDOM LIBRARY — COMPACT DEITY HUB CARDS
   ========================================== */

#deityGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.deity-card {
  display: flex;
  flex-direction: column;
  min-height: 170px;
  padding: 20px;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  background: #ffffff;
  color: inherit;
  text-decoration: none;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.06);
  transition: transform .2s ease, box-shadow .2s ease,
              border-color .2s ease;
}

.deity-card:hover {
  transform: translateY(-2px);
  border-color: #fcd34d;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.10);
}

.deity-card-label {
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 11px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #b45309;
}

.deity-card-title {
  margin: 10px 0 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.35;
  color: #0f172a;
}

.deity-card-description {
  margin: 8px 0 14px;
  font-size: 14px;
  line-height: 1.5;
  color: #64748b;
}

.deity-card-link {
  display: block;
  margin-top: auto;
  font-size: 14px;
  font-weight: 600;
  color: #b45309;
}

.deity-card:hover .deity-card-title {
  color: #b45309;
}

@media (max-width: 900px) {
  #deityGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  #deityGrid {
    grid-template-columns: 1fr;
  }
}

/* Shiva layout repair. Append to css/styles.css after existing rules.
   Typography inherits the site's shared font rules above. */
.shiva-refined main {
  width: 100%;
  max-width: 1120px;
  margin-inline: auto;
  padding-inline: clamp(16px, 3vw, 32px);
}
.shiva-refined main > section {
  width: 100%;
  max-width: none;
  margin-inline: 0;
  padding-inline: 0;
  padding-block: 24px;
  min-width: 0;
  scroll-margin-top: 110px;
}
.shiva-refined main :where(div, article, figure, ol, li) { min-width: 0; }
.shiva-refined main :where(p, h1, h2, h3, a, li) {
  overflow-wrap: anywhere;
  white-space: normal;
}
.shiva-refined main h1 { font-size: clamp(1.875rem, 4vw, 3rem); }
.shiva-refined main :where(h2, h3) { line-height: 1.35; }
.shiva-refined .shiva-hero-image {
  width: 100%;
  max-width: 760px;
  margin: 28px auto 0;
}
.shiva-refined .shiva-hero-image img {
  display: block;
  width: 100%;
  height: clamp(240px, 55vw, 480px);
  max-height: 480px;
  object-fit: contain;
  border-radius: 16px;
}
.shiva-refined .shiva-topic-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.shiva-refined .shiva-topic-card { display: flex; flex-direction: column; }
.shiva-refined .shiva-topic-card h3 { margin: 0 0 12px; }
.shiva-refined .shiva-topic-card p { margin: 0 0 20px; color: #475569; }
.shiva-refined :where(.shiva-card-cta, .shiva-feature-link) {
  color: #92400e;
  text-decoration: underline;
  text-underline-offset: 4px;
  font-weight: 600;
}
.shiva-refined .shiva-card-cta { margin-top: auto; }
.shiva-refined .shiva-eyebrow {
  margin: 0 0 8px;
  color: #92400e;
  font-size: .8rem;
  letter-spacing: .12em;
}
.shiva-refined .shiva-section-heading h2 { margin: 0 0 16px; }
.shiva-refined .shiva-study > p { max-width: 80ch; }
.shiva-refined .shiva-jyoti-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px 28px;
  padding-left: 24px;
}
.shiva-refined .shiva-jyoti-list li { padding: 12px; background: #fff; border-radius: 8px; }
.shiva-refined .shiva-feature {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 28px;
  align-items: center;
}
.shiva-refined .shiva-feature-player { aspect-ratio: 16 / 9; }
.shiva-refined .shiva-feature-player iframe { display: block; width: 100%; height: 100%; border: 0; border-radius: 16px; }
.shiva-refined #playlistSetup { padding: clamp(16px, 3vw, 24px); }
.shiva-refined #playlistSetup p { margin-block: 8px; }
@media (min-width: 768px) {
  .shiva-refined header nav.hidden.sw-086 { display: flex !important; }
}
@media (max-width: 900px) {
  .shiva-refined .shiva-jyoti-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .shiva-refined .shiva-feature { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 600px) {
  .shiva-refined .shiva-topic-grid,
  .shiva-refined .shiva-jyoti-list { grid-template-columns: minmax(0, 1fr); }
  .shiva-refined .player-ratio { aspect-ratio: auto; min-height: 220px; }
  .shiva-refined #playlistPlayer { aspect-ratio: 16 / 9; height: auto; }
  .shiva-refined header > div > div { flex-wrap: wrap; }
}
/* Compact Shiva redesign; shared typography remains inherited. */
.shiva-refined main { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:22px; padding-top:18px; padding-bottom:24px; }
.shiva-refined main > section { grid-column:1/-1; padding-block:0; }
.shiva-refined main h1 { margin:4px 0 8px; font-size:clamp(1.8rem,3vw,2.5rem); }
.shiva-refined main h2 { margin:0 0 12px; font-size:1.35rem; }
.shiva-refined main h3 { font-size:1rem; }
.shiva-refined main p { margin:8px 0 12px; line-height:1.6; }
.shiva-refined .shiva-intro > nav { margin-bottom:12px; }
.shiva-refined .shiva-intro-body { display:flow-root; text-align:left; max-width:none; margin:0; padding:18px; background:#fff; border:1px solid #e2e8f0; border-radius:12px; }
.shiva-refined .shiva-hero-image { float:left; width:180px; margin:0 24px 6px 0; }
.shiva-refined .shiva-hero-image img { height:210px; max-height:210px; border-radius:10px; }
.shiva-refined main > .shiva-listening { grid-column:span 5; }
.shiva-refined main > .shiva-explore { grid-column:span 7; }
.shiva-refined .shiva-listening > div:first-child { display:block; margin-bottom:10px; }
.shiva-refined .shiva-listening h2 { margin-bottom:4px; }
.shiva-refined .shiva-listening .font-sansation { margin-top:0; }
.shiva-refined .shiva-listening > p { font-size:.75rem; }
.shiva-refined .shiva-topic-grid { gap:12px; }
.shiva-refined .shiva-topic-card { padding:14px; box-shadow:none; border-radius:10px; }
.shiva-refined .shiva-topic-card h3 { margin-bottom:8px; }
.shiva-refined .shiva-topic-card p { margin:0 0 10px; font-size:.85rem; }
.shiva-refined .shiva-card-cta { font-size:.8rem; }
.shiva-refined main > .shiva-meaning { grid-column:span 7; }
.shiva-refined main > #om-namah-shivaya { grid-column:span 5; grid-row:3; }
.shiva-refined .shiva-study { padding-top:16px; border-top:1px solid #e2e8f0; }
.shiva-refined .shiva-study > p { font-size:.95rem; }
.shiva-refined .shiva-eyebrow { margin:0 0 6px; font-size:.7rem; }
.shiva-refined .shiva-jyoti-list { gap:8px 28px; margin-block:12px 0; font-size:.85rem; }
.shiva-refined .shiva-jyoti-list li { padding:8px 10px; line-height:1.5; }
.shiva-refined .shiva-feature { padding:18px; border:1px solid #e2e8f0; border-radius:12px; background:#fff; gap:20px; }
.shiva-refined .shiva-feature-copy p { font-size:.9rem; }
.shiva-refined main > section:last-child > div { padding:18px 20px; text-align:left; }
.shiva-refined main > section:last-child p { margin:0 0 12px; }
.shiva-refined main > section:last-child > div > div { margin-top:0; }
.shiva-refined #playlistSetup p { margin:4px 0; font-size:.8rem; }
@media(max-width:900px) {
 .shiva-refined main > .shiva-listening,.shiva-refined main > .shiva-explore,.shiva-refined main > .shiva-meaning,.shiva-refined main > #om-namah-shivaya { grid-column:1/-1; grid-row:auto; }
 .shiva-refined .shiva-listening .video-shell { max-width:600px; }
}
@media(max-width:600px) {
 .shiva-refined main { gap:18px; }
 .shiva-refined .shiva-intro-body { padding:14px; }
 .shiva-refined .shiva-hero-image { width:108px; margin-right:14px; }
 .shiva-refined .shiva-hero-image img { height:140px; }
 .shiva-refined .shiva-intro-body > p { font-size:.9rem; }
 .shiva-refined .shiva-intro-body > .font-sansation { font-size:.6rem; }
 .shiva-refined .player-ratio { min-height:180px; }
}

@media(min-width:901px) { .shiva-refined main > .shiva-meaning { grid-column:1 / span 7; grid-row:3; } .shiva-refined main > #om-namah-shivaya { grid-column:8 / -1; } }

/* Shiva refinements: solid canvas, home shortcut and numbered shrine directory. */
.shiva-refined { background: #f7f5ef; }
.shiva-refined .shiva-page-top { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.shiva-refined .shiva-page-top > nav { margin:0; }
.shiva-refined .shiva-home-link { flex-shrink:0; display:inline-flex; align-items:center; padding:6px 14px; border:1px solid #d6c9b4; border-radius:8px; background:#fff; color:#78350f; font-size:.85rem; font-weight:600; }
.shiva-refined .shiva-home-link:hover { background:#f4ead8; }
.shiva-refined .shiva-jyoti-list { list-style:none; counter-reset:shrine; padding:0; gap:10px; }
.shiva-refined .shiva-jyoti-list li { counter-increment:shrine; display:flex; align-items:flex-start; gap:12px; padding:14px; border:1px solid #e5dfd3; border-radius:10px; background:#fff; }
.shiva-refined .shiva-jyoti-list li::before { content:counter(shrine, decimal-leading-zero); flex:0 0 30px; width:30px; height:30px; display:grid; place-items:center; border-radius:50%; background:#f5ead6; color:#92400e; font-size:.75rem; font-weight:700; }
.shiva-refined .shiva-shrine-copy { display:flex; flex-direction:column; gap:4px; }
.shiva-refined .shiva-shrine-copy strong { font-size:.9rem; color:#1e293b; line-height:1.4; }
.shiva-refined .shiva-shrine-copy span { font-size:.8rem; color:#64748b; line-height:1.45; }
@media(max-width:600px) { .shiva-refined .shiva-page-top { align-items:flex-start; } .shiva-refined .shiva-page-top > nav { font-size:.75rem; } .shiva-refined .shiva-home-link { padding:5px 10px; } }

/* Jyotirlinga video beside the numbered directory. */
.shiva-refined .shiva-jyoti-layout { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,3fr); gap:20px; align-items:start; }
.shiva-refined .shiva-jyoti-video { margin:0; scroll-margin-top:110px; }
.shiva-refined .shiva-jyoti-video .video-shell { aspect-ratio:16/9; border-radius:12px; box-shadow:none; }
.shiva-refined .shiva-jyoti-video figcaption { margin-top:8px; font-size:.85rem; color:#92400e; }
.shiva-refined .shiva-jyoti-video a { text-decoration:underline; text-underline-offset:3px; }
.shiva-refined .shiva-jyoti-layout .shiva-jyoti-list { grid-template-columns:repeat(2,minmax(0,1fr)); margin:0; }
@media(max-width:900px) { .shiva-refined .shiva-jyoti-layout { grid-template-columns:minmax(0,1fr); } .shiva-refined .shiva-jyoti-video { max-width:480px; width:100%; } }
@media(max-width:600px) { .shiva-refined .shiva-jyoti-layout .shiva-jyoti-list { grid-template-columns:minmax(0,1fr); } }