/* ============================================================
   THE BHAGAVAD GITA — concept (Wisdom · India)
   Theme: saffron (#C25F2B) · deep maroon (#7A2E1D) · lotus
   gold (#D9A748) · cream (#F7F1E6) · ink (#1E1814). Dark-safe.
   ============================================================ */
.page-bhagavad-gita {
    --bg-paper:#F7F1E6; --bg-paper-2:#EFE5D1;
    --bg-saffron:#C25F2B; --bg-saffron-d:#9E4A20;
    --bg-gold:#D9A748; --bg-gold-d:#B3892F;
    --bg-maroon:#7A2E1D; --bg-ink:#1E1814; --bg-mute:#736A60;
    --c-gold:var(--bg-saffron); --c-bg:var(--bg-paper); --c-ink:var(--bg-ink); --c-mute:var(--bg-mute); --c-accent:var(--bg-saffron);
    background:var(--bg-paper); color:var(--bg-ink);
}
[data-theme="dark"] .page-bhagavad-gita, [data-theme="dark"].page-bhagavad-gita {
    --bg-paper:#161210; --bg-paper-2:#1F1915; --bg-ink:#EDE5D6; --bg-mute:#A39C92;
    --bg-saffron:#E08350; --bg-saffron-d:#EE9D6E; --bg-gold:#E8C46F; --bg-gold-d:#F0D58E; --bg-maroon:#A04434;
    --c-bg:#161210; --c-ink:#EDE5D6; --c-mute:#A39C92; background:#161210; color:#EDE5D6;
}

.bg-section { padding:var(--s-10,4rem) 0; position:relative; }
.bg-section-head { max-width:820px; margin:0 auto var(--s-7,2.5rem); text-align:center; }
.bg-eyebrow { font-family:var(--f-mono,monospace); font-size:0.78rem; letter-spacing:0.18em; text-transform:uppercase; color:var(--bg-saffron-d); margin-bottom:var(--s-3,0.75rem); }
.bg-h2 { font-family:var(--f-serif,serif); font-size:clamp(1.7rem,3.2vw,2.6rem); line-height:1.22; color:var(--bg-ink); margin-bottom:var(--s-4,1rem); font-weight:600; }
.bg-h2 em { font-style:italic; color:var(--bg-saffron-d); font-weight:500; }
.bg-sub { font-size:1.05rem; line-height:1.7; color:var(--bg-mute); max-width:70ch; margin:0 auto; }
.bg-sub em { color:var(--bg-saffron-d); font-style:italic; } .bg-sub b { color:var(--bg-ink); }
.bg-data { font-family:var(--f-mono,monospace); font-feature-settings:"tnum"; }

.bg-sanskrit { font-family:'Noto Serif Devanagari', 'Mangal', serif; font-size:1.15rem; line-height:1.55; color:var(--bg-maroon); margin-top:var(--s-3,0.75rem); }
.bg-translit { font-style:italic; font-size:0.96rem; color:var(--bg-mute); margin-top:var(--s-2,0.5rem); }

.bg-field { display:block; margin-bottom:var(--s-3,0.75rem); }
.bg-field-label { display:block; font-size:0.92rem; color:var(--bg-ink); font-weight:500; margin-bottom:4px; }
.bg-input, .bg-textarea {
    width:100%; padding:0.65rem 0.85rem; border:1px solid rgba(194,95,43,0.32); border-radius:3px;
    background:var(--bg-paper); color:var(--bg-ink); font-family:inherit; font-size:1rem; box-sizing:border-box;
}
.bg-textarea { resize:vertical; line-height:1.55; font-family:var(--f-serif,serif); font-size:1.05rem; }
.bg-input:focus, .bg-textarea:focus { outline:none; border-color:var(--bg-saffron); }
[data-theme="dark"] .bg-input, [data-theme="dark"] .bg-textarea { background:#0E0B09; color:#EDE5D6; }
.bg-slider { appearance:none; width:100%; height:6px; border-radius:3px; outline:none; background:rgba(194,95,43,0.22); }
.bg-slider::-webkit-slider-thumb { appearance:none; width:18px; height:18px; border-radius:50%; background:var(--bg-saffron); border:2px solid var(--bg-paper); cursor:pointer; box-shadow:0 2px 6px rgba(0,0,0,.2); }
.bg-slider::-moz-range-thumb { width:18px; height:18px; border-radius:50%; background:var(--bg-saffron); border:2px solid var(--bg-paper); cursor:pointer; }
.bg-slider-wrap { display:flex; align-items:center; gap:8px; min-width:160px; }
.bg-range-out { font-family:var(--f-mono,monospace); color:var(--bg-saffron-d); font-weight:600; flex:0 0 18px; text-align:right; }

.bg-result { max-width:840px; margin:var(--s-5,1.25rem) auto 0; padding:var(--s-5,1.25rem); background:var(--bg-paper-2); border-left:3px solid var(--bg-gold); border-radius:3px; }
[data-theme="dark"] .bg-result { background:#1F1915; }
.bg-result-tag { font-family:var(--f-mono,monospace); font-size:0.82rem; letter-spacing:0.14em; text-transform:uppercase; color:var(--bg-gold-d); margin-bottom:var(--s-2,0.5rem); }
.bg-result-synth { font-family:var(--f-serif,serif); font-style:italic; font-size:1.1rem; line-height:1.65; color:var(--bg-ink); }
.bg-result-verse { background:rgba(217,167,72,0.1); border-left:3px solid var(--bg-saffron); padding:var(--s-3,0.75rem); border-radius:3px; margin:var(--s-3,0.75rem) 0; }
.bg-result-verse .ref { font-family:var(--f-mono,monospace); color:var(--bg-saffron-d); font-size:0.85rem; }
.bg-result-verse .sk { font-family:'Noto Serif Devanagari', serif; color:var(--bg-maroon); margin-top:6px; }
.bg-result-verse .en { font-family:var(--f-serif,serif); font-style:italic; margin-top:6px; }

.bg-form { max-width:1000px; margin:0 auto; background:var(--bg-paper); border:1px solid rgba(194,95,43,0.3); padding:var(--s-5,1.25rem); border-radius:3px; }
[data-theme="dark"] .bg-form { background:#1B1612; }

.page-bhagavad-gita .fade-up { opacity:0; transform:translateY(16px); animation:bgFade 0.7s ease-out forwards; }
.page-bhagavad-gita .fade-up.delay-1{animation-delay:.12s;} .page-bhagavad-gita .fade-up.delay-2{animation-delay:.24s;}
.page-bhagavad-gita .fade-up.delay-3{animation-delay:.36s;} .page-bhagavad-gita .fade-up.delay-4{animation-delay:.48s;}
@keyframes bgFade { to { opacity:1; transform:translateY(0); } }

/* hero */
.bg-hero { position:relative; min-height:78vh; padding:var(--s-12,5rem) 0 var(--s-10,4rem); background:radial-gradient(120% 90% at 80% 30%, rgba(194,95,43,0.14) 0%, rgba(194,95,43,0) 55%), linear-gradient(180deg,var(--bg-paper) 0%,var(--bg-paper-2) 100%); overflow:hidden; display:flex; align-items:center; }
[data-theme="dark"] .bg-hero { background:radial-gradient(120% 90% at 80% 30%, rgba(224,131,80,0.14) 0%, rgba(224,131,80,0) 55%), linear-gradient(180deg,#161210 0%,#1F1915 100%); }
.bg-hero-canvas { position:absolute; inset:0; pointer-events:none; }
.bg-mark { position:absolute; right:3%; top:50%; transform:translateY(-50%); font-family:'Noto Serif Devanagari', serif; font-size:clamp(200px,32vw,440px); font-weight:700; color:var(--bg-saffron); opacity:0.07; line-height:1; user-select:none; }
[data-theme="dark"] .bg-mark { opacity:0.12; }
.bg-hero-content { position:relative; z-index:1; max-width:720px; }
.bg-hero-title { font-family:var(--f-serif,serif); font-size:clamp(2.2rem,5vw,3.8rem); line-height:1.12; color:var(--bg-ink); margin:var(--s-4,1rem) 0; font-weight:600; }
.bg-hero-title span, .bg-hero-title em { display:block; }
.bg-hero-title em { font-style:italic; color:var(--bg-saffron-d); font-weight:500; padding-left:0.8em; }
.bg-hero-sub, .bg-hero-promise { font-size:1.08rem; line-height:1.78; color:var(--bg-mute); margin-bottom:var(--s-4,1rem); max-width:62ch; }
.bg-hero-sub b, .bg-hero-promise b { color:var(--bg-ink); font-weight:700; } .bg-hero-sub em, .bg-hero-promise em { color:var(--bg-saffron-d); font-style:italic; }
.bg-hero-cta { display:flex; flex-wrap:wrap; gap:var(--s-3,0.75rem); margin-top:var(--s-6,1.5rem); }

/* alternating section backgrounds */
.bg-today, .bg-verses, .bg-guna, .bg-arjuna, .bg-voices { background:var(--bg-paper-2); }
[data-theme="dark"] .bg-today, [data-theme="dark"] .bg-verses, [data-theme="dark"] .bg-guna, [data-theme="dark"] .bg-arjuna { background:#1F1915; }

/* verse of the day */
.bg-today .bg-h2 em { font-family:var(--f-serif,serif); font-style:italic; }
.bg-today-cta { text-align:center; display:flex; flex-direction:column; align-items:center; gap:var(--s-3,0.75rem); }
.bg-streak { margin-top:var(--s-2,0.5rem); font-family:var(--f-mono,monospace); font-size:0.96rem; color:var(--bg-gold-d); font-weight:500; }

/* grids (chapters / verses / concepts)
 * Min 320px keeps cards readable on tablet (3-up max on desktop) instead of
 * 4-up cramped. Gap 12px (--s-3) breathes more than 8px did. */
.bg-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:var(--s-3,0.75rem); margin-top:var(--s-4,1rem); }
.bg-grid-verses { grid-template-columns:repeat(auto-fit,minmax(360px,1fr)); }
.bg-card { display:grid; gap:var(--s-3,0.75rem); padding:var(--s-4,1rem) var(--s-4,1rem); background:var(--bg-paper-2); border:1px solid rgba(194,95,43,0.18); border-left:3px solid var(--bg-saffron); border-radius:3px; text-decoration:none; color:var(--bg-ink); transition:all .15s; min-height:96px; }
[data-theme="dark"] .bg-card { background:#181410; }
.bg-card:hover { transform:translateY(-1px); border-left-color:var(--bg-gold); background:rgba(194,95,43,0.08); }

/* chapter cards — horizontal: number | (english title + sanskrit) */
.bg-card-chapter { grid-template-columns:auto 1fr; align-items:center; }
.bg-card-num { font-family:var(--f-serif,serif); font-size:1.8rem; font-weight:700; color:var(--bg-saffron); min-width:36px; font-style:italic; line-height:1; }
.bg-card-body { display:flex; flex-direction:column; gap:4px; min-width:0; }
.bg-card-title { font-family:var(--f-serif,serif); font-size:1.05rem; line-height:1.35; color:var(--bg-ink); font-weight:500; }
.bg-card-sanskrit { font-family:'Noto Serif Devanagari', serif; font-size:0.9rem; color:var(--bg-maroon); }
[data-theme="dark"] .bg-card-sanskrit { color:#E8B989; }

/* verse cards — horizontal: ref | snippet (2-line clamp) */
.bg-card-verse { grid-template-columns:auto 1fr; align-items:start; }
.bg-verse-ref { font-family:var(--f-mono,monospace); font-size:0.86rem; color:var(--bg-saffron-d); font-weight:700; min-width:46px; padding-top:3px; letter-spacing:0.02em; }
.bg-verse-snippet { font-family:var(--f-serif,serif); font-style:italic; font-size:1rem; line-height:1.55; color:var(--bg-ink); display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }

/* concept cards — VERTICAL: big Devanagari on top, english below, no snippet
 * (the deep page does the explaining; the card just has to look beautiful) */
.bg-card-concept { grid-template-columns:1fr; gap:8px; padding:var(--s-5,1.25rem) var(--s-4,1rem); text-align:left; min-height:120px; }
.bg-card-sanskrit-lg { font-family:'Noto Serif Devanagari', serif; font-size:1.6rem; color:var(--bg-maroon); line-height:1.3; min-width:0; }
[data-theme="dark"] .bg-card-sanskrit-lg { color:#E8B989; }
.bg-card-concept .bg-card-body { gap:6px; }
.bg-card-concept .bg-card-title { font-family:var(--f-serif,serif); font-size:1.08rem; line-height:1.35; color:var(--bg-ink); font-weight:500; }
.bg-card-snippet { font-size:0.9rem; color:var(--bg-mute); line-height:1.55; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

@media (max-width:520px) {
    .bg-card-chapter .bg-card-num { font-size:1.5rem; min-width:28px; }
    .bg-card-sanskrit-lg { font-size:1.4rem; }
    .bg-card { padding:var(--s-3,0.75rem) var(--s-4,1rem); min-height:0; }
}

/* tool sliders + questions */
.bg-q-list { display:flex; flex-direction:column; gap:var(--s-3,0.75rem); margin-bottom:var(--s-3,0.75rem); }
.bg-q-row { display:grid; grid-template-columns:1fr 200px; gap:var(--s-3,0.75rem); align-items:center; padding:var(--s-2,0.5rem) 0; border-bottom:1px dashed rgba(194,95,43,0.15); }
.bg-q-row:last-of-type { border-bottom:none; }
@media (max-width:640px){ .bg-q-row { grid-template-columns:1fr; } }
.bg-q-text { font-size:0.96rem; color:var(--bg-ink); margin:0; }
.bg-toggle3 { display:flex; gap:4px; background:var(--bg-paper-2); padding:4px; border-radius:3px; }
[data-theme="dark"] .bg-toggle3 { background:#0E0B09; }
.bg-toggle3 label { flex:1; display:flex; align-items:center; justify-content:center; padding:0.4rem 0.6rem; border-radius:2px; cursor:pointer; font-size:0.84rem; color:var(--bg-mute); transition:all .15s; }
.bg-toggle3 input { position:absolute; opacity:0; pointer-events:none; }
.bg-toggle3 label:has(input:checked) { background:var(--bg-saffron); color:#fff; font-weight:500; }

/* pills */
.bg-mini-q { font-family:var(--f-mono,monospace); font-size:0.84rem; letter-spacing:0.12em; text-transform:uppercase; color:var(--bg-saffron-d); margin:var(--s-3,0.75rem) 0 var(--s-2,0.5rem); }
.bg-pill-row { display:flex; flex-wrap:wrap; gap:var(--s-2,0.5rem); margin-bottom:var(--s-4,1rem); }
.bg-pill { display:inline-flex; align-items:center; gap:8px; padding:0.5rem 0.9rem; background:var(--bg-paper-2); border:1px solid rgba(194,95,43,0.28); border-radius:999px; cursor:pointer; font-size:0.9rem; color:var(--bg-ink); transition:all .15s; }
[data-theme="dark"] .bg-pill { background:#0E0B09; }
.bg-pill input { position:absolute; opacity:0; pointer-events:none; }
.bg-pill-mark { width:12px; height:12px; border-radius:50%; border:2px solid var(--bg-mute); background:var(--bg-paper); position:relative; flex:0 0 12px; }
.bg-pill input:checked ~ .bg-pill-mark { border-color:var(--bg-saffron); }
.bg-pill input:checked ~ .bg-pill-mark::after { content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:5px; height:5px; background:var(--bg-saffron); border-radius:50%; }
.bg-pill:has(input:checked) { background:rgba(194,95,43,0.12); border-color:var(--bg-saffron); }

.bg-guna-bars { font-family:var(--f-mono,monospace); font-size:0.92rem; color:var(--bg-mute); margin:var(--s-2,0.5rem) 0; text-align:center; }
.bg-guna-bars b { color:var(--bg-saffron-d); font-weight:600; }

.bg-streak-card { max-width:680px; margin:var(--s-3,0.75rem) auto 0; text-align:center; padding:var(--s-4,1rem); background:var(--bg-paper); border:1px solid rgba(194,95,43,0.3); border-radius:3px; }
[data-theme="dark"] .bg-streak-card { background:#1B1612; }

/* voices */
.bg-voices { background:linear-gradient(180deg,#3A1810 0%,#1F0E08 100%); color:#F3DDC5; }
.bg-voices .bg-h2 { color:#F3DDC5; } .bg-voices .bg-h2 em { color:#E8C46F; }
.bg-voices .bg-eyebrow { color:#E8C46F; } .bg-voices .bg-sub { color:rgba(243,221,197,0.78); } .bg-voices .bg-sub em { color:#E8C46F; }
.bg-quote-card { background:rgba(243,221,197,0.06); border:1px solid rgba(232,196,111,0.3); padding:var(--s-7,2.5rem) var(--s-6,1.5rem); border-radius:3px; text-align:center; max-width:760px; margin:0 auto; }
.bg-quote-mark { font-family:var(--f-serif,serif); font-size:5rem; color:#E8C46F; line-height:1; margin-bottom:var(--s-2,0.5rem); opacity:0.7; }
.bg-quote-text { font-family:var(--f-serif,serif); font-size:clamp(1.3rem,2.6vw,1.8rem); line-height:1.5; color:#F3DDC5; margin-bottom:var(--s-4,1rem); font-style:italic; }
.bg-quote-cite { display:flex; flex-direction:column; gap:4px; margin-bottom:var(--s-4,1rem); }
.bg-quote-author { font-family:var(--f-mono,monospace); font-size:0.92rem; color:#E8C46F; letter-spacing:0.1em; text-transform:uppercase; }
.bg-quote-source { font-size:0.84rem; color:rgba(243,221,197,0.55); font-style:italic; }
.bg-quote-actions { display:flex; justify-content:center; gap:var(--s-3,0.75rem); flex-wrap:wrap; }
.bg-quote-fav { background:transparent; border:1px solid rgba(232,196,111,0.4); color:#F3DDC5; padding:0.5rem 1rem; border-radius:3px; cursor:pointer; display:inline-flex; align-items:center; gap:6px; font-size:0.88rem; transition:all .15s; }
.bg-quote-fav:hover { border-color:#E8C46F; color:#E8C46F; }
.bg-quote-fav.is-favorited { background:#E8C46F; color:#1F0E08; border-color:#E8C46F; }

/* final */
.bg-final { background:var(--bg-paper); text-align:center; padding:var(--s-12,5rem) 0; }
[data-theme="dark"] .bg-final { background:#161210; }
.bg-final-mark { font-family:'Noto Serif Devanagari', serif; font-size:clamp(4rem,9vw,6rem); color:var(--bg-saffron); line-height:1; margin-bottom:var(--s-4,1rem); opacity:0.85; }
.bg-final-quote { font-family:var(--f-serif,serif); font-size:clamp(1.4rem,2.8vw,2rem); line-height:1.45; color:var(--bg-ink); font-style:italic; max-width:820px; margin:0 auto var(--s-3,0.75rem); font-weight:500; }
.bg-final-quote em { color:var(--bg-saffron-d); }
.bg-final-cite { font-family:var(--f-mono,monospace); font-size:0.92rem; color:var(--bg-mute); letter-spacing:0.08em; margin-bottom:var(--s-5,1.25rem); }

/* ============================================================
   SUB-PAGES (chapter / verse / concept)
   ============================================================ */
.bg-sub-hero { padding:var(--s-10,4rem) 0 var(--s-6,1.5rem); background:linear-gradient(180deg,var(--bg-paper-2) 0%,var(--bg-paper) 100%); }
[data-theme="dark"] .bg-sub-hero { background:linear-gradient(180deg,#1F1915 0%,#161210 100%); }
.bg-back { color:var(--bg-saffron-d); text-decoration:none; border-bottom:1px solid rgba(194,95,43,0.28); }
.bg-back:hover { border-bottom-color:var(--bg-saffron-d); }
.page-bhagavad-gita h1.bg-sub-title { font-family:var(--f-serif,serif); font-size:clamp(2rem,4.4vw,3.4rem); line-height:1.12; color:var(--bg-ink); font-weight:600; margin:var(--s-4,1rem) 0 var(--s-2,0.5rem); }
.bg-sub-num { font-family:var(--f-serif,serif); font-style:italic; color:var(--bg-saffron); font-weight:700; margin-right:0.4rem; }
.bg-sub-sanskrit { font-family:'Noto Serif Devanagari', serif; font-size:1.2rem; color:var(--bg-maroon); margin:0; }
.bg-sub-keyword { font-family:var(--f-mono,monospace); font-size:0.78rem; letter-spacing:0.18em; text-transform:uppercase; color:var(--bg-gold-d); margin:var(--s-2,0.5rem) 0 0; }

.bg-verse-hero { padding-bottom:var(--s-4,1rem); }
.bg-verse-headline { font-family:var(--f-serif,serif); font-size:clamp(1.6rem,3.4vw,2.4rem); line-height:1.35; color:var(--bg-ink); font-style:italic; font-weight:500; margin:var(--s-4,1rem) 0 0; }

.bg-sub-body { padding:var(--s-7,2.5rem) 0 var(--s-12,5rem); }
.bg-sub-block { margin-bottom:var(--s-7,2.5rem); }
.bg-block-tag { font-family:var(--f-mono,monospace); font-size:0.78rem; letter-spacing:0.16em; text-transform:uppercase; color:var(--bg-saffron-d); margin-bottom:var(--s-2,0.5rem); }
.bg-sub-prose { font-size:1.06rem; line-height:1.78; color:var(--bg-ink); }
.bg-summary-large { font-family:var(--f-serif,serif); font-style:italic; font-size:1.25rem; line-height:1.55; }
.bg-sub-application { background:rgba(217,167,72,0.1); border-left:3px solid var(--bg-gold); padding:var(--s-5,1.25rem); border-radius:3px; }
.bg-sub-application .bg-block-tag { color:var(--bg-gold-d); }

.bg-sanskrit-block { background:rgba(122,46,29,0.06); border-left:3px solid var(--bg-maroon); padding:var(--s-5,1.25rem); border-radius:3px; }
.bg-sanskrit-large { font-family:'Noto Serif Devanagari', serif; font-size:clamp(1.3rem,2.6vw,1.7rem); line-height:1.6; color:var(--bg-maroon); margin:0; }
[data-theme="dark"] .bg-sanskrit-large { color:#E8B989; }
.bg-translit-block { font-style:italic; font-size:1.06rem; line-height:1.65; color:var(--bg-mute); }
.bg-verse-english { font-family:var(--f-serif,serif); font-size:1.18rem; line-height:1.6; color:var(--bg-ink); font-style:italic; }

.bg-verse-mini-list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:var(--s-2,0.5rem); }
.bg-verse-mini-list li { background:var(--bg-paper-2); border-left:3px solid var(--bg-saffron); border-radius:3px; }
[data-theme="dark"] .bg-verse-mini-list li { background:#1B1612; }
.bg-verse-mini-list a { display:grid; grid-template-columns:auto 1fr; gap:var(--s-3,0.75rem); align-items:center; padding:var(--s-3,0.75rem); text-decoration:none; color:var(--bg-ink); }
.bg-verse-mini-list a:hover .bg-verse-mini-text { color:var(--bg-saffron-d); }
.bg-verse-mini-ref { font-family:var(--f-mono,monospace); color:var(--bg-saffron-d); font-size:0.86rem; font-weight:600; min-width:42px; }
.bg-verse-mini-text { font-family:var(--f-serif,serif); font-style:italic; line-height:1.5; }

.bg-sub-nav { display:grid; grid-template-columns:1fr auto 1fr; gap:var(--s-3,0.75rem); margin:var(--s-7,2.5rem) 0 var(--s-4,1rem); padding:var(--s-4,1rem) 0; border-top:1px solid rgba(194,95,43,0.18); border-bottom:1px solid rgba(194,95,43,0.18); }
@media (max-width:680px){ .bg-sub-nav { grid-template-columns:1fr; } .bg-nav-hub { text-align:center; } }
.bg-nav-prev, .bg-nav-next, .bg-nav-hub { text-decoration:none; color:var(--bg-ink); display:flex; flex-direction:column; }
.bg-nav-next { text-align:right; }
.bg-nav-hub { align-self:center; font-family:var(--f-mono,monospace); font-size:0.82rem; letter-spacing:0.12em; text-transform:uppercase; color:var(--bg-saffron-d); }
.bg-nav-label { font-family:var(--f-mono,monospace); font-size:0.76rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--bg-gold-d); }
.bg-nav-title { font-family:var(--f-serif,serif); font-size:1rem; color:var(--bg-ink); }
.bg-nav-prev:hover .bg-nav-title, .bg-nav-next:hover .bg-nav-title { color:var(--bg-saffron-d); }
.bg-sub-cta { display:flex; flex-wrap:wrap; gap:var(--s-3,0.75rem); margin-top:var(--s-5,1.25rem); }

/* Hindi language switcher — subtle, opt-in, never automatic. */
.bg-lang-switch { color:var(--bg-saffron-d); text-decoration:none; border-bottom:1px dotted currentColor; padding-bottom:1px; font-weight:500; }
.bg-lang-switch:hover { color:var(--bg-maroon-d, #7A2E1D); }
.bg-hero-eyebrow .bg-lang-switch { font-size:0.95em; }
/* Devanagari rendering on Hindi pages — system fonts handle this fine but the
   Noto Serif Devanagari Google Font already loads on Bhagavad Gita pages. */
[lang="hi"], .bg-fallback-note { font-family:"Noto Serif Devanagari","Mukta","Hind",Georgia,serif; }
.bg-fallback-note { font-size:0.78rem; color:var(--bg-mute, #776E5C); font-style:italic; margin-top:0.4rem; }