/* hinduhistory.in — marketplace language (kisanmachine / mushroombazaar) in saffron, maroon and sandstone */
:root{
  --saffron:#F7931E; --gold:#FFB627; --gold-2:#FFD27A;
  --maroon:#5B1A18; --maroon-2:#3A0F0E; --maroon-3:#260908;
  --ink:#1F1512; --ink-2:#3B2C25; --muted:#6F5E52;
  --sand:#FBF5EC; --sand-2:#F4E9D8; --stone:#E7D6BD; --line:#E8DCCB;
  --card:#FFFFFF; --bg:#FBF5EC; --text:#1F1512;
  --indigo:#2B2A6B; --teal:#0F5257; --forest:#173D2A;
  --ok:#2E7D4F; --warn:#C26A0A; --bad:#B42318; --dim:#6B6B6B; --dig:#3B4A9C;
  --r:18px; --r-lg:28px; --shadow:0 1px 2px rgba(31,21,18,.06),0 8px 24px rgba(31,21,18,.08);
  --max:1240px; --gut:16px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){--bg:#140C0A;--card:#211613;--text:#F6EDE2;--muted:#BFAE9F;--line:#3A2A24;--sand:#1A110E;--sand-2:#241815;--stone:#3A2A24;--ink:#F6EDE2;--ink-2:#E6D8C8;color-scheme:dark}
}
:root[data-theme="dark"]{--bg:#140C0A;--card:#211613;--text:#F6EDE2;--muted:#BFAE9F;--line:#3A2A24;--sand:#1A110E;--sand-2:#241815;--stone:#3A2A24;--ink:#F6EDE2;--ink-2:#E6D8C8;color-scheme:dark}
@media (min-width:720px){:root{--gut:28px}}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:400 17px/1.6 "Mukta",system-ui,sans-serif;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4{font-weight:800;line-height:1.08;margin:0;letter-spacing:-.01em}
p{margin:0 0 1em}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;z-index:99;background:#fff;padding:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}

/* ---------- header ---------- */
.hdr{position:fixed;top:10px;left:0;right:0;z-index:50;pointer-events:none}
.hdr-in{pointer-events:auto;max-width:calc(var(--max) - 8px);margin:0 auto;width:calc(100% - 20px);display:flex;align-items:center;gap:14px;padding:8px 10px 8px 12px;border-radius:22px;background:rgba(32,14,12,.42);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border:1px solid rgba(255,255,255,.14);color:#fff;transition:background .25s}
.hdr.solid .hdr-in{background:rgba(38,9,8,.9)}
.logo{display:flex;flex-direction:column;text-decoration:none;color:#fff;line-height:1;gap:4px;flex:none}
.logo-row{display:flex;align-items:center;gap:6px}
.logo-badge{background:linear-gradient(180deg,var(--gold),var(--saffron));color:var(--maroon-3);font-weight:800;font-size:19px;padding:5px 9px 3px;border-radius:9px;box-shadow:inset 0 -2px 0 rgba(0,0,0,.18)}
.logo-word{font-weight:800;font-size:20px;letter-spacing:-.01em}
.logo-word sup{font-size:9px;font-weight:600;margin-left:1px;vertical-align:top;position:relative;top:-2px}
.logo-tag{font-size:8.6px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;opacity:.85}
html[lang="hi"] .logo-tag{letter-spacing:.04em;font-size:10px}
.nav{display:none;gap:4px;margin:0 auto}
.nav a{text-decoration:none;font-weight:600;font-size:15px;padding:8px 11px;border-radius:12px;opacity:.92}
.nav a:hover,.nav a[aria-current]{background:rgba(255,255,255,.12);opacity:1}
.hdr-act{display:flex;gap:8px;align-items:center;margin-left:auto}
.icon-btn{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;border:0;background:transparent;color:#fff;cursor:pointer;text-decoration:none}
.icon-btn:hover{background:rgba(255,255,255,.12)}
.icon-btn svg{width:20px;height:20px}
.lang{border:1.5px solid rgba(255,255,255,.5);color:#fff;text-decoration:none;font-weight:700;font-size:14px;padding:7px 12px;border-radius:12px;white-space:nowrap}
.hdr .hdr-cta{display:none}
@media (min-width:1100px){.nav{display:flex}.hdr .hdr-cta{display:inline-flex}}

/* ---------- buttons, chips ---------- */
.btn{display:inline-flex;align-items:center;gap:8px;font:700 16px/1 "Mukta";padding:15px 22px;border-radius:14px;text-decoration:none;border:0;cursor:pointer;transition:transform .15s,box-shadow .15s}
.btn svg{width:18px;height:18px}
.btn-gold{background:var(--gold);color:var(--maroon-3);box-shadow:0 6px 18px rgba(255,182,39,.35)}
.btn-gold:hover{transform:translateY(-1px)}
.btn-glass{background:rgba(255,255,255,.1);color:#fff;border:1.5px solid rgba(255,255,255,.45);backdrop-filter:blur(6px)}
.btn-maroon{background:var(--maroon);color:#fff}
.btn-line{background:transparent;color:var(--maroon);border:1.5px solid var(--maroon)}
.btn-sm{padding:10px 14px;font-size:14px;border-radius:11px}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{font:600 14px/1 "Mukta";padding:9px 14px;border-radius:999px;border:1.5px solid var(--line);background:var(--card);color:var(--text);cursor:pointer;text-decoration:none;white-space:nowrap}
.chip[aria-pressed="true"],.chip.on{background:var(--maroon);border-color:var(--maroon);color:#fff}
.chips-scroll{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;min-width:0}
.chips-scroll::-webkit-scrollbar{display:none}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:var(--gold)}
.eyebrow::before{content:"";width:22px;height:22px;border-radius:50%;background:radial-gradient(circle,var(--gold) 0 5px,rgba(255,182,39,.25) 6px 11px)}
.kicker{font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--saffron)}
html[lang="hi"] .kicker{letter-spacing:0;font-size:15px}
.badge{display:inline-flex;align-items:center;gap:6px;font:700 12.5px/1 "Mukta";padding:6px 9px;border-radius:8px;background:rgba(0,0,0,.55);color:#fff;backdrop-filter:blur(4px)}
.badge::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.st-standing{color:#7BE3A3}.st-rebuilt{color:var(--gold)}.st-destroyed{color:#FF8A80}.st-ruined{color:#D6CFC7}.st-excavated{color:#AFC0FF}
.win{color:var(--ok);font-weight:700}

/* ---------- hero ---------- */
.hero{position:relative;min-height:100svh;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:var(--maroon-3)}
.hero-bg{position:absolute;inset:0}
.hero-bg img,.hero-bg picture{width:100%;height:100%;object-fit:cover;animation:kb 26s ease-out both}
@keyframes kb{from{transform:scale(1.12)}to{transform:scale(1)}}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(38,9,8,.55) 0%,rgba(38,9,8,.25) 35%,rgba(38,9,8,.75) 70%,rgba(20,6,5,.96) 100%),linear-gradient(90deg,rgba(38,9,8,.6),transparent 70%)}
.hero-in{position:relative;z-index:2;padding:120px 0 28px}
.hero h1{font-size:clamp(42px,8.4vw,92px);max-width:13ch;margin:14px 0 18px;text-wrap:balance}
html[lang="hi"] .hero h1{line-height:1.18}
.hero h1 em{font-style:normal;color:var(--gold)}
.hero-sub{font-size:clamp(17px,2vw,21px);max-width:44ch;opacity:.92;margin-bottom:24px}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}
.hero-credit{position:absolute;right:12px;bottom:8px;z-index:2;font-size:11px;opacity:.55;color:#fff;text-decoration:none}

/* year machine (hero tool) */
.ym{margin-top:28px;border-radius:24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:16px}
.ym-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ym-lbl{font-weight:700;font-size:14px;opacity:.85}
.ym-year{font-weight:800;font-size:clamp(34px,6vw,52px);line-height:1;color:var(--gold);font-variant-numeric:tabular-nums}
.ym-range{width:100%;margin:14px 0 6px;accent-color:var(--gold);height:28px}
.ym-ticks{display:flex;justify-content:space-between;font-size:12px;opacity:.7;white-space:nowrap}
.ym-ticks span{white-space:nowrap}
@media (max-width:600px){.ym-ticks .tk-mid{display:none}.ym-card .dl a:nth-child(n+7){display:none}}
.ym-out{display:grid;gap:10px;margin-top:12px}
@media (min-width:860px){.ym-out{grid-template-columns:1.1fr 1fr 1.3fr}}
.ym-card{background:rgba(20,6,5,.55);border-radius:16px;padding:12px 14px;min-height:84px}
.ym-card h4{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin-bottom:6px}
html[lang="hi"] .ym-card h4{letter-spacing:0;font-size:13px}
.ym-card a{color:#fff;text-decoration:none;font-weight:700}
.ym-card a:hover{color:var(--gold)}
.ym-card .dl{display:flex;flex-wrap:wrap;gap:6px}
.ym-card .dl a{font-size:14px;background:rgba(255,255,255,.1);padding:4px 9px;border-radius:8px;font-weight:600}
.ym-presets{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-top:10px}
.ym-presets button{flex:none;font:600 13px/1 "Mukta";padding:8px 11px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;cursor:pointer}
.ym-presets button:hover{background:rgba(255,255,255,.12)}

/* ---------- sections ---------- */
.sec{padding:64px 0}
@media (min-width:900px){.sec{padding:96px 0}}
.sec-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:26px;flex-wrap:wrap}
.sec-hd :is(h1,h2){font-size:clamp(30px,4.6vw,52px);max-width:20ch;text-wrap:balance}
html[lang="hi"] .sec-hd :is(h1,h2){line-height:1.2}
.sec-hd :is(h1,h2) em{font-style:normal;color:var(--saffron)}
.sec-hd p{max-width:52ch;color:var(--muted);margin:10px 0 0}
.more{font-weight:700;color:var(--saffron);text-decoration:none;display:inline-flex;gap:6px;align-items:center;white-space:nowrap}
.more:hover{text-decoration:underline}
.band-maroon{background:radial-gradient(1200px 500px at 80% -10%,#7A2420 0,transparent 60%),var(--maroon-2);color:#fff}
.band-maroon .sec-hd p{color:rgba(255,255,255,.75)}.band-maroon .sec-hd :is(h1,h2) em{color:var(--gold)}
.band-ink{background:#1A0F0C;color:#fff}.band-ink .sec-hd p{color:rgba(255,255,255,.72)}.band-ink .sec-hd :is(h1,h2) em{color:var(--gold)}
.band-saffron{background:linear-gradient(135deg,#F7931E,#E2611B);color:#fff}.band-saffron .sec-hd p{color:rgba(255,255,255,.88)}.band-saffron .sec-hd :is(h1,h2) em{color:var(--maroon-3)}
.band-indigo{background:radial-gradient(900px 400px at 10% 0,#3E3C8F 0,transparent 60%),#1D1C4E;color:#fff}.band-indigo .sec-hd p{color:rgba(255,255,255,.75)}.band-indigo .sec-hd :is(h1,h2) em{color:var(--gold)}
.band-teal{background:radial-gradient(900px 400px at 90% 0,#16737A 0,transparent 60%),#0B3A3E;color:#fff}.band-teal .sec-hd p{color:rgba(255,255,255,.75)}.band-teal .sec-hd :is(h1,h2) em{color:var(--gold)}
.band-sand{background:var(--sand-2)}
.band-maroon .more,.band-ink .more,.band-indigo .more,.band-teal .more{color:var(--gold)}
.band-saffron .more{color:#fff}

/* stat strip */
.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:760px){.stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
.stat{border-radius:18px;padding:16px;background:rgba(20,6,5,.6);border:1px solid rgba(255,255,255,.12);color:#fff}
.stat b{display:block;font-size:clamp(28px,4vw,40px);font-weight:800;color:var(--gold);line-height:1}
.stat span{font-size:14px;opacity:.85}
.stats.light .stat{background:var(--card);border-color:var(--line);color:var(--text)}
.stats.light .stat b{color:var(--saffron)}

/* rails */
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:min(78vw,300px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px var(--gut) 10px;margin:0 calc(var(--gut) * -1);min-width:0}
.rail::-webkit-scrollbar{display:none}
.rail>*{scroll-snap-align:start}
.rail.wide{grid-auto-columns:min(86vw,380px)}
.rail-nav{display:none;gap:8px}
@media (min-width:900px){.rail-nav{display:flex}}
.rail-nav button{width:44px;height:44px;border-radius:50%;border:1.5px solid currentColor;background:transparent;color:inherit;cursor:pointer;display:grid;place-items:center;opacity:.8}
.rail-nav button:hover{opacity:1}

/* photo tiles */
.tile{position:relative;display:block;border-radius:var(--r-lg);overflow:hidden;text-decoration:none;color:#fff;aspect-ratio:4/5;background:var(--maroon);isolation:isolate}
.tile picture,.tile img,.tile .ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.tile:hover img{transform:scale(1.05)}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(20,6,5,.88) 100%);z-index:1}
.tile-in{position:absolute;left:0;right:0;bottom:0;padding:16px;z-index:2}
.tile-top{position:absolute;left:12px;top:12px;right:12px;z-index:2;display:flex;justify-content:space-between;gap:6px;align-items:flex-start}
.tile .no{font-size:44px;font-weight:800;color:var(--gold);line-height:.9;display:block}
.tile h3{font-size:22px;line-height:1.12;margin:6px 0 4px}
.tile p{margin:0;font-size:14.5px;opacity:.85;line-height:1.35}
.tile .go{display:inline-flex;margin-top:10px;font-weight:700;color:var(--gold);font-size:14px;gap:6px}
.tile.short{aspect-ratio:1/1}
.tile.land{aspect-ratio:16/10}
.ph{display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#8A2B22,#3A0F0E 70%);font-size:110px;font-weight:800;color:rgba(255,182,39,.28)}

/* grids */
.grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:760px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1100px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.g3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.grid.g1{grid-template-columns:minmax(0,1fr)}
@media (min-width:760px){.grid.g2{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* cards */
.card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--text);transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.card-img{position:relative;aspect-ratio:4/3;background:var(--maroon);overflow:hidden}
.card-img img,.card-img picture,.card-img .ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.card-img .ph{font-size:72px}
.card-img .badge{position:absolute;left:10px;top:10px}
.card-b{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px;flex:1}
.card-b .meta{font-size:13px;color:var(--muted);font-weight:600}
.card-b h3{font-size:18px;line-height:1.2}
.card-b p{font-size:14.5px;color:var(--muted);margin:2px 0 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card.portrait .card-img{aspect-ratio:3/4}
.band-maroon .card,.band-ink .card,.band-indigo .card,.band-teal .card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:#fff}
.band-maroon .card-b .meta,.band-ink .card-b .meta,.band-indigo .card-b .meta,.band-teal .card-b .meta,.band-maroon .card-b p,.band-ink .card-b p,.band-indigo .card-b p,.band-teal .card-b p{color:rgba(255,255,255,.72)}

/* list rows (like kisanmachine product rows) */
.rows{display:grid;gap:10px}
@media (min-width:900px){.rows.two{grid-template-columns:repeat(2,minmax(0,1fr))}}
.row{display:flex;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:10px;text-decoration:none;color:var(--text)}
.row:hover{border-color:var(--saffron)}
.row-img{flex:none;width:76px;height:64px;border-radius:12px;overflow:hidden;position:relative;background:var(--maroon)}
.row-img img,.row-img picture,.row-img .ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.row-img .ph{font-size:36px}
.row-b{min-width:0;flex:1}
.row-b h3{font-size:16.5px;line-height:1.2}
.row-b p{margin:2px 0 0;font-size:14px;color:var(--muted);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.row-y{flex:none;font-weight:800;color:var(--saffron);font-size:15px;text-align:right;min-width:62px}

/* on this day */
.otd{display:grid;gap:18px}
@media (min-width:900px){.otd{grid-template-columns:320px minmax(0,1fr)}}
.otd-date{border-radius:var(--r-lg);background:var(--gold);color:var(--maroon-3);padding:22px;display:flex;flex-direction:column;justify-content:space-between;min-height:200px}
.otd-date b{font-size:84px;line-height:.9;font-weight:800}
.otd-date span{font-size:24px;font-weight:800}
.otd-list{display:grid;gap:10px}
.otd-item{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;padding:14px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);text-decoration:none;color:#fff}
.otd-item:hover{border-color:var(--gold)}
.otd-item .y{font-weight:800;color:var(--gold);font-size:20px}
.otd-item h3{font-size:18px}
.otd-item p{margin:3px 0 0;font-size:14.5px;opacity:.8;line-height:1.4}
.light .otd-item{background:var(--card);border-color:var(--line);color:var(--text)}
.light .otd-item .y{color:var(--saffron)}

/* dynasty river */
.river{position:relative;overflow-x:auto;border-radius:var(--r-lg);background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.1);scrollbar-width:thin;min-width:0}
.river-in{position:relative;height:var(--h);width:var(--w)}
.river-axis{position:absolute;left:0;right:0;top:0;height:28px;border-bottom:1px solid rgba(255,255,255,.15)}
.river-axis span{position:absolute;top:6px;font-size:12px;opacity:.6;transform:translateX(-50%);white-space:nowrap}
.river-grid{position:absolute;top:28px;bottom:0;width:1px;background:rgba(255,255,255,.07)}
.river a{position:absolute;height:24px;border-radius:7px;font:700 12px/24px "Mukta";padding:0 8px;color:#fff;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:6px;box-shadow:inset 0 -2px 0 rgba(0,0,0,.2)}
.river a:hover{outline:2px solid #fff;z-index:2}
.river a.narrow{overflow:visible;padding:0}
.river a.narrow .rl{position:absolute;left:calc(100% + 6px);top:0;color:#fff;opacity:.9;font-weight:700}
.r-north{background:#C2410C}.r-south{background:#0F766E}.r-east{background:#7C3AED}.r-west{background:#B45309}.r-deccan{background:#1D4ED8}.r-ne{background:#15803D}.r-world{background:#BE185D}.r-all{background:#9F1239}
.legend{display:flex;flex-wrap:wrap;gap:12px;font-size:13.5px;margin-top:12px;opacity:.85}
.legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}

/* status spotlight (destroyed & rebuilt) */
.saga{display:grid;gap:16px}
@media (min-width:960px){.saga{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:stretch}}
.saga-photo{position:relative;border-radius:var(--r-lg);overflow:hidden;min-height:340px;background:var(--maroon)}
.saga-photo img,.saga-photo picture{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.saga-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(20,6,5,.9))}
.saga-photo .tile-in{z-index:2;color:#fff}
.saga-photo h3{font-size:clamp(28px,4vw,40px)}
.life{list-style:none;margin:0;padding:0;position:relative}
.life::before{content:"";position:absolute;left:58px;top:6px;bottom:6px;width:2px;background:rgba(255,255,255,.18)}
.life li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:22px;padding:7px 0;position:relative}
.life li::before{content:"";position:absolute;left:53px;top:15px;width:12px;height:12px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(255,182,39,.2)}
.life li.k-destroyed::before,.life li.k-attack::before{background:#FF6B5E;box-shadow:0 0 0 4px rgba(255,107,94,.2)}
.life b{font-weight:800;color:var(--gold);font-size:15px;text-align:right}
.life span{font-size:15px;line-height:1.45;opacity:.92}
.light .life::before{background:var(--line)}.light .life b{color:var(--saffron)}

/* map */
.map{height:min(72vh,640px);border-radius:var(--r-lg);overflow:hidden;background:#dfe7ea;border:1px solid var(--line);position:relative;z-index:0}
.map-ui{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.leaflet-popup-content{font:400 14px/1.4 "Mukta"!important;margin:10px 12px!important}
.leaflet-popup-content b{font-size:15px}
.leaflet-popup-content a{color:var(--maroon);font-weight:700}
.pin{width:14px;height:14px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.4)}

/* ---------- detail pages ---------- */
.phero{position:relative;color:#fff;min-height:min(78svh,720px);display:flex;align-items:flex-end;background:var(--maroon-3);overflow:hidden}
.phero .hero-bg img{animation-duration:30s}
.phero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(38,9,8,.6) 0,rgba(38,9,8,.2) 35%,rgba(20,6,5,.94) 100%)}
.phero-in{position:relative;z-index:2;padding:120px 0 36px;width:100%}
.phero h1{font-size:clamp(36px,6.6vw,76px);max-width:18ch;margin:12px 0 12px;text-wrap:balance}
html[lang="hi"] .phero h1{line-height:1.2}
.phero h1 em{font-style:normal;color:var(--gold)}
.phero .lede{font-size:clamp(17px,2vw,21px);max-width:58ch;opacity:.92;margin:0}
.crumbs{font-size:14px;opacity:.8;display:flex;gap:6px;flex-wrap:wrap}
.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}
.facts-bar{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.facts-bar span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);padding:7px 11px;border-radius:10px;font-weight:600;font-size:14.5px}
.facts-bar span b{color:var(--gold);font-weight:800}
.layout{display:grid;gap:28px;padding-top:40px;padding-bottom:64px}
@media (min-width:1000px){.layout{grid-template-columns:minmax(0,1fr) 340px;gap:48px;padding-top:64px;padding-bottom:96px}}
.prose{max-width:72ch}
.prose h2{font-size:clamp(24px,3vw,32px);margin:34px 0 12px;scroll-margin-top:90px}
.prose h2:first-child{margin-top:0}
.prose p{font-size:18px;line-height:1.72;color:var(--ink-2)}
html[lang="hi"] .prose p{font-size:18.5px;line-height:1.85}
.prose .sec-no{color:var(--saffron);font-weight:800;margin-right:8px}
.aside{display:flex;flex-direction:column;gap:16px}
@media (min-width:1000px){.aside{position:sticky;top:96px;align-self:start}}
.box{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px}
.box h3{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--saffron);margin-bottom:10px}
html[lang="hi"] .box h3{letter-spacing:0;font-size:15px}
.box ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.box li{font-size:15px;line-height:1.4;padding-left:16px;position:relative}
.box li::before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:2px;background:var(--saffron)}
.box.dark{background:var(--maroon-2);color:#fff;border-color:transparent}
.box.dark h3{color:var(--gold)}
.kv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;font-size:15px;margin:0}
.kv dt{color:var(--muted);font-weight:600}
.kv dd{margin:0;font-weight:600}
.box.dark .kv dt{color:rgba(255,255,255,.65)}
.quote{margin:28px 0;padding:22px 22px 18px;border-radius:var(--r);background:var(--maroon-2);color:#fff;position:relative}
.quote p{font-family:"Tiro Devanagari Sanskrit","Mukta",serif;font-size:21px!important;line-height:1.55!important;color:#fff!important;margin:0 0 8px}
.quote cite{font-style:normal;font-size:14px;color:var(--gold);font-weight:700}
.rulers{list-style:none;margin:0;padding:0;display:grid;gap:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--card)}
.rulers li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:baseline;padding:11px 14px;border-top:1px solid var(--line)}
.rulers li:first-child{border-top:0}
.rulers .n{font-weight:800;color:var(--saffron)}
.rulers .nm{font-weight:700}
.rulers .nm small{display:block;font-weight:400;color:var(--muted);font-size:14px}
.rulers .rg{font-size:14px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.sides{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:stretch;margin:6px 0 24px}
.side{border-radius:var(--r);padding:14px;background:var(--card);border:1px solid var(--line)}
.side.won{border:2px solid var(--ok)}
.side small{display:block;font-weight:700;font-size:12.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.side.won small{color:var(--ok)}
.side b{display:block;font-size:17px;line-height:1.25;margin:4px 0}
.side span{font-size:14.5px;color:var(--muted)}
.vs{display:grid;place-items:center;font-weight:800;color:var(--saffron);font-size:20px}
.callout{border-radius:var(--r);padding:16px 18px;background:var(--sand-2);margin:22px 0}
.callout b{display:inline-block;margin-bottom:8px;font-size:13px;font-weight:800;color:var(--maroon-3);background:var(--gold);padding:3px 8px;border-radius:6px}
.callout p{margin:0;font-size:16.5px!important}
.says{font-family:"Tiro Devanagari Sanskrit","Mukta",serif;font-size:20px;line-height:1.6}
.sources{font-size:14px;color:var(--muted)}
.sources li::before{background:var(--muted)!important}
.related{padding:0 0 80px}
.related h2{font-size:clamp(24px,3vw,34px);margin-bottom:16px}
.toc a{text-decoration:none;font-size:15px}.toc a:hover{color:var(--saffron)}

/* timeline page */
.tl-era{margin:0 0 28px}
.tl-era>h2{position:sticky;top:76px;z-index:3;background:var(--bg);padding:10px 0;font-size:clamp(22px,3vw,30px);border-bottom:2px solid var(--saffron)}
.tl-era>h2 small{display:block;font-size:14px;color:var(--muted);font-weight:600}
.tl{list-style:none;margin:0;padding:0}
.tl li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}
.tl .y{font-weight:800;color:var(--saffron);font-size:15px;font-variant-numeric:tabular-nums}
.tl h3{font-size:17px;line-height:1.25}
.tl h3 a{text-decoration:none}.tl h3 a:hover{color:var(--saffron)}
.tl p{margin:3px 0 0;color:var(--muted);font-size:15.5px;line-height:1.45}
.cat{display:inline-block;font-size:11.5px;font-weight:700;padding:2px 7px;border-radius:6px;margin-left:6px;vertical-align:2px;background:var(--sand-2);color:var(--ink-2)}
.cat-war{background:#FDE2DF;color:#8F1D14}.cat-faith{background:#FFF0D1;color:#8A4B00}.cat-renewal{background:#DDF3E5;color:#1D5E37}.cat-science{background:#E0E7FF;color:#2C3A8C}.cat-resistance{background:#FCE7F3;color:#86198F}.cat-culture{background:#E6F4F1;color:#0F5257}.cat-world{background:#FDE8F0;color:#9D174D}
[data-theme="dark"] .cat,:root:not([data-theme="light"]) .cat{filter:none}
.hidden{display:none!important}

/* filter bar */
.fbar{position:sticky;top:76px;z-index:5;background:var(--bg);padding:12px 0;margin-bottom:14px;border-bottom:1px solid var(--line)}
.search{display:flex;align-items:center;gap:10px;background:var(--card);border:1.5px solid var(--line);border-radius:16px;padding:6px 6px 6px 14px}
.search input{flex:1;min-width:0;border:0;background:transparent;font:500 17px "Mukta";color:var(--text);padding:8px 0;outline:0}
.search svg{width:20px;height:20px;opacity:.6;flex:none}
.hero .search{background:#fff;border:0;color:var(--ink);margin-top:20px;max-width:560px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.hero .search input{color:var(--ink)}
.count{font-size:14px;color:var(--muted);font-weight:600}
.results{display:grid;gap:8px;margin-top:16px}

/* world strip */
.world-tile{aspect-ratio:3/4}

/* footer */
.ftr{background:var(--maroon-3);color:#fff;padding:56px 0 120px}
@media (min-width:900px){.ftr{padding-bottom:56px}}
.ftr-grid{display:grid;gap:28px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:900px){.ftr-grid{grid-template-columns:1.5fr repeat(3,minmax(0,1fr))}}
.ftr h4{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ftr a{text-decoration:none;opacity:.85}.ftr a:hover{opacity:1;color:var(--gold)}
.ftr p{opacity:.75;font-size:15px;max-width:40ch}
.ftr-base{margin-top:36px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);font-size:13.5px;opacity:.65;display:flex;gap:14px;flex-wrap:wrap;justify-content:space-between}

/* bottom nav (mobile) */
.bnav{position:fixed;left:10px;right:10px;bottom:10px;z-index:60;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:rgba(38,9,8,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:22px;padding:6px;border:1px solid rgba(255,255,255,.1)}
.bnav a{display:flex;flex-direction:column;align-items:center;gap:2px;color:#fff;text-decoration:none;font-size:11.5px;font-weight:600;padding:6px 2px;border-radius:15px;opacity:.85}
.bnav a svg{width:22px;height:22px}
.bnav a[aria-current]{background:var(--gold);color:var(--maroon-3);opacity:1}
@media (min-width:900px){.bnav{display:none}}

/* reveal */
.rv{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}.hero-bg img,.hero-bg picture{animation:none}html{scroll-behavior:auto}}
.no-js .rv{opacity:1;transform:none}

/* marquee */
.marquee{overflow:hidden;white-space:nowrap;border-block:1px solid rgba(255,255,255,.12);padding:14px 0;background:var(--maroon-3);color:#fff}
.marquee-in{display:inline-flex;gap:36px;animation:mq 60s linear infinite;font-weight:800;font-size:20px}
.marquee-in span{display:inline-flex;gap:12px;align-items:center}
.marquee-in span::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold)}
@keyframes mq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.marquee-in{animation:none}}

/* era page — big number */
.era-no{font-size:clamp(70px,12vw,150px);font-weight:800;line-height:.8;color:var(--gold);opacity:.95}
.survive{display:grid;gap:10px;grid-template-columns:minmax(0,1fr)}
@media (min-width:760px){.survive{grid-template-columns:repeat(2,minmax(0,1fr))}}
.survive li{list-style:none;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px 12px 44px;position:relative;font-size:15.5px;line-height:1.4}
.survive li::before{content:"";position:absolute;left:14px;top:14px;width:18px;height:18px;border-radius:50%;background:var(--ok);box-shadow:inset 0 0 0 5px #DDF3E5}
.survive{padding:0;margin:0}
.eranav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:32px}
.eranav a{display:block;padding:16px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);text-decoration:none}
.eranav a small{color:var(--muted);font-weight:600;display:block}
.eranav a b{font-size:18px}
.eranav a:last-child{text-align:right}
.credit{font-size:12.5px;color:var(--muted);margin-top:6px}
.figure{margin:28px 0;border-radius:var(--r);overflow:hidden;background:var(--card);border:1px solid var(--line)}
.figure img{width:100%;height:auto}
.figure figcaption{padding:10px 14px;font-size:14px;color:var(--muted)}
.minimap{height:240px;border-radius:14px;overflow:hidden}
.notice{font-size:14px;color:var(--muted);background:var(--sand-2);border-radius:12px;padding:10px 12px}

/* in-text plates */
.plate{display:grid;grid-template-columns:minmax(0,1fr);margin:30px 0;border-radius:var(--r-lg);overflow:hidden;background:var(--maroon-2);color:#fff;text-decoration:none}
@media (min-width:700px){.plate{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}}
.plate-img{position:relative;aspect-ratio:4/3;overflow:hidden}
.plate-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.plate:hover .plate-img img{transform:scale(1.04)}
.plate-b{padding:18px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px}
.plate-b small{color:var(--gold);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
html[lang="hi"] .plate-b small{letter-spacing:0}
.plate-b b{font-size:22px;line-height:1.15}
.plate-b span{font-size:15px;opacity:.82;line-height:1.45}
.plate-b em{font-style:normal;color:var(--gold);font-weight:700;font-size:14px}
.plate.flip{direction:rtl}.plate.flip>*{direction:ltr}

.logo .lg{display:block;height:46px;width:auto}
@media (max-width:420px){.logo .lg{height:40px}}
.ftr .logo .lg{height:60px}

/* =====================================================================
   BHAGWA THEME — saffron gradients, flow and motion (20 Oct)
   ===================================================================== */
:root{
  --b0:#FFF4E6; --b1:#FFD08A; --b2:#FFA53D; --b3:#FF8A1F; --b4:#F26B0F; --b5:#D9480F; --b6:#9A3412; --b7:#5C1A06; --b8:#2E0D03;
  --gold:#FFC23D; --saffron:#F26B0F;
  --maroon:#9A3412; --maroon-2:#6B2008; --maroon-3:#2E0D03;
  --bhagwa:linear-gradient(120deg,#FFA53D 0%,#FF8A1F 30%,#F26B0F 60%,#D9480F 100%);
  --bhagwa-deep:linear-gradient(135deg,#7A2408 0%,#5C1A06 45%,#2E0D03 100%);
  --sand:#FFF7EE; --sand-2:#FFEBD3; --line:#F6DDC0; --bg:#FFF8F0;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#1A0903;--card:#2A1208;--line:#4A2210;--sand:#200B04;--sand-2:#2C1207;--stone:#4A2210}}
:root[data-theme="dark"]{--bg:#1A0903;--card:#2A1208;--line:#4A2210;--sand:#200B04;--sand-2:#2C1207;--stone:#4A2210}

/* flowing gradient engine: a wide gradient layer slides under the content */
@keyframes flow{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@keyframes drift{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(6%,-8%,0) scale(1.15)}100%{transform:translate3d(0,0,0) scale(1)}}
@keyframes shimmer{from{background-position:0% 50%}to{background-position:200% 50%}}
@keyframes rise{0%{transform:translate3d(0,0,0) scale(.6);opacity:0}12%{opacity:1}100%{transform:translate3d(var(--dx,20px),-62vh,0) scale(1.1);opacity:0}}
@keyframes wave{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@keyframes sheen{from{transform:translateX(-120%) skewX(-20deg)}to{transform:translateX(220%) skewX(-20deg)}}

.band-maroon,.band-ink,.band-indigo,.band-teal,.band-saffron,.marquee,.ftr{position:relative;isolation:isolate;overflow:hidden}
.band-maroon{background:var(--bhagwa-deep)}
.band-ink{background:linear-gradient(160deg,#3A1105 0%,#1F0802 100%)}
.band-indigo{background:linear-gradient(135deg,#B8360B 0%,#8A2A07 55%,#4A1504 100%)}
.band-teal{background:linear-gradient(135deg,#D9480F 0%,#9A3412 60%,#5C1A06 100%)}
.band-saffron{background:none}
.band-saffron::before,.marquee::before{content:"";position:absolute;inset:0 auto 0 0;width:200%;z-index:-1;background:linear-gradient(100deg,#FFA53D,#F26B0F,#D9480F,#FF8A1F,#FFA53D,#F26B0F,#D9480F,#FF8A1F,#FFA53D);animation:flow 18s linear infinite}
/* drifting glow orbs on the deep bands */
.band-maroon::before,.band-ink::before,.band-indigo::before,.band-teal::before,.ftr::before{content:"";position:absolute;z-index:-1;width:70vmax;height:70vmax;border-radius:50%;right:-20vmax;top:-30vmax;background:radial-gradient(circle,rgba(255,138,31,.38) 0,rgba(255,138,31,0) 62%);animation:drift 16s ease-in-out infinite}
.band-maroon::after,.band-ink::after,.band-indigo::after,.band-teal::after{content:"";position:absolute;z-index:-1;width:55vmax;height:55vmax;border-radius:50%;left:-18vmax;bottom:-30vmax;background:radial-gradient(circle,rgba(255,194,61,.22) 0,rgba(255,194,61,0) 60%);animation:drift 21s ease-in-out infinite reverse}
.ftr{background:var(--bhagwa-deep)}

/* hero: bhagwa light over the photograph */
.hero::after,.phero::after{background:
  linear-gradient(180deg,rgba(46,13,3,.55) 0%,rgba(154,52,18,.18) 34%,rgba(92,26,6,.72) 70%,rgba(46,13,3,.97) 100%),
  linear-gradient(90deg,rgba(92,26,6,.72),rgba(242,107,15,.12) 70%)}
.hero-glow{position:absolute;inset:-20% -10% auto auto;width:80vmax;height:80vmax;z-index:1;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(255,165,61,.35),rgba(255,165,61,0) 60%);animation:drift 14s ease-in-out infinite;mix-blend-mode:screen}
.embers{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.embers i{position:absolute;bottom:-10px;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,#FFE29A 0,#FFA53D 45%,rgba(255,138,31,0) 70%);animation:rise linear infinite;opacity:0}

/* accent words: flowing gold-to-bhagwa */
.hero h1 em,.phero h1 em,.sec-hd :is(h1,h2) em,.band-maroon .sec-hd :is(h1,h2) em,.band-ink .sec-hd :is(h1,h2) em,.band-indigo .sec-hd :is(h1,h2) em,.band-teal .sec-hd :is(h1,h2) em{
  background:linear-gradient(90deg,#FFD08A,#FFA53D,#FF8A1F,#FFC23D,#FFD08A,#FFA53D,#FF8A1F,#FFC23D);background-size:200% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 7s linear infinite}
.sec-hd :is(h1,h2) em{background-image:linear-gradient(90deg,#F26B0F,#FF8A1F,#D9480F,#FFA53D,#F26B0F,#FF8A1F,#D9480F,#FFA53D)}
.band-saffron .sec-hd :is(h1,h2) em{background:none;color:var(--b8);animation:none}
.era-no,.tile .no,.ym-year,.stat b,.otd-item .y{background:linear-gradient(180deg,#FFE0A3,#FFA53D 60%,#FF8A1F);-webkit-background-clip:text;background-clip:text;color:transparent}
.stats.light .stat b{background:linear-gradient(180deg,#FF8A1F,#D9480F);-webkit-background-clip:text;background-clip:text}

/* buttons: bhagwa gradient + passing sheen */
.btn-gold,.hdr .hdr-cta{background:var(--bhagwa);color:#fff;box-shadow:0 8px 24px rgba(242,107,15,.42);position:relative;overflow:hidden}
.btn-gold::after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:sheen 3.6s ease-in-out infinite}
.btn-maroon{background:var(--bhagwa);color:#fff}
.chip[aria-pressed="true"],.chip.on{background:var(--bhagwa);border-color:transparent}
.bnav a[aria-current]{background:var(--bhagwa);color:#fff}
.otd-date{background:var(--bhagwa);color:#fff}
.otd-date b{color:#fff}
.hdr-in{background:rgba(46,13,3,.38);border-color:rgba(255,194,61,.22)}
.hdr.solid .hdr-in{background:linear-gradient(120deg,rgba(92,26,6,.94),rgba(46,13,3,.94))}
.ym{border-color:rgba(255,194,61,.28);background:linear-gradient(135deg,rgba(255,138,31,.16),rgba(46,13,3,.35))}
.ym-range{accent-color:#FF8A1F}
.marquee{background:none;border:0;color:#fff}
.river a.r-north{background:linear-gradient(90deg,#F26B0F,#D9480F)}
.ph{background:radial-gradient(circle at 30% 20%,#F26B0F,#5C1A06 72%)}
.tile::after{background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(46,13,3,.9) 100%)}
.tile{box-shadow:0 0 0 0 rgba(242,107,15,0);transition:box-shadow .3s,transform .3s}
.tile:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(242,107,15,.35)}
.card:hover{box-shadow:0 14px 30px rgba(242,107,15,.22)}
.quote{background:var(--bhagwa-deep)}
.box.dark{background:var(--bhagwa-deep)}
.callout b{background:var(--bhagwa);color:#fff}
.plate{background:var(--bhagwa-deep)}

/* flowing wave edge where bands meet */
.flow-edge{position:relative;height:46px;margin-top:-46px;overflow:hidden;pointer-events:none;z-index:3}
.flow-edge svg{position:absolute;bottom:0;left:0;width:200%;height:100%;animation:wave 14s linear infinite}
.flow-edge.slow svg{animation-duration:22s;opacity:.55}

@media (prefers-reduced-motion:reduce){
  .band-saffron::before,.marquee::before,.band-maroon::before,.band-maroon::after,.band-ink::before,.band-ink::after,.band-indigo::before,.band-indigo::after,.band-teal::before,.band-teal::after,.ftr::before,.hero-glow,.embers,.btn-gold::after,.flow-edge svg,.hero h1 em,.phero h1 em,.sec-hd :is(h1,h2) em{animation:none!important}
  .embers{display:none}
}
.marquee{z-index:4}
.otd-item{grid-template-columns:118px minmax(0,1fr)}
@media (max-width:600px){.otd-item{grid-template-columns:minmax(0,1fr)}}
/* river in warm bhagwa spectrum */
.r-north{background:linear-gradient(90deg,#FF8A1F,#F26B0F)!important}.r-west{background:linear-gradient(90deg,#DC2626,#B91C1C)!important}.r-east{background:linear-gradient(90deg,#F59E0B,#D97706)!important}
.r-deccan{background:linear-gradient(90deg,#A3360E,#7C2D12)!important}.r-south{background:linear-gradient(90deg,#FBBF24,#F59E0B)!important;color:#3A1105!important}.r-ne{background:linear-gradient(90deg,#E11D48,#BE123C)!important}.r-world{background:linear-gradient(90deg,#C026D3,#A21CAF)!important}
.legend i.r-south{background:#F59E0B!important}
.river a.r-south.narrow{color:#fff!important}
.life::before{left:96px}
.life li{grid-template-columns:86px minmax(0,1fr)}
.life li::before{left:91px}

/* ===== CALMER + LIGHTER SAFFRON (20 Oct, owner: "Calmer and Saffron lighter") ===== */
:root{
  --bhagwa:linear-gradient(120deg,#FFC274 0%,#FFAA4A 50%,#FF9636 100%);
  --bhagwa-deep:linear-gradient(135deg,#D9661F 0%,#B9500F 100%);
  --sand:#FFF9F1; --sand-2:#FFF0DD; --line:#F8DDBE; --bg:#FFFAF3;
}
/* light saffron bands, dark text */
.band-maroon,.band-indigo,.band-teal{background:linear-gradient(150deg,#FFF3E2 0%,#FFE2BC 100%);color:#3A1105}
.band-teal{background:linear-gradient(150deg,#FFEBD0 0%,#FFD49E 100%)}
.band-maroon .sec-hd p,.band-indigo .sec-hd p,.band-teal .sec-hd p{color:#7A4A2E}
.band-maroon .more,.band-indigo .more,.band-teal .more{color:#C2410C}
.band-maroon .sec-hd :is(h1,h2) em,.band-indigo .sec-hd :is(h1,h2) em,.band-teal .sec-hd :is(h1,h2) em{background-image:linear-gradient(90deg,#F26B0F,#FF8A1F,#E8590C,#FFA53D,#F26B0F,#FF8A1F,#E8590C,#FFA53D)}
.band-maroon .card,.band-indigo .card,.band-teal .card{background:#fff;border-color:#F6D2A6;color:#3A1105}
.band-maroon .card-b .meta,.band-indigo .card-b .meta,.band-teal .card-b .meta,.band-maroon .card-b p,.band-indigo .card-b p,.band-teal .card-b p{color:#7A4A2E}
.band-maroon .otd-item,.band-indigo .otd-item{background:rgba(255,255,255,.75);border-color:#F6D2A6;color:#3A1105}
.band-maroon .otd-item .y{background:none;color:#D9480F}
.band-maroon .otd-item p{opacity:.8}
.band-maroon .crumbs{color:#7A4A2E!important}
.band-maroon .life::before{background:rgba(58,17,5,.14)}
.band-maroon .life b{color:#D9480F}
.band-maroon .life span{opacity:1;color:#3A1105}
.band-maroon .stat,.band-teal .stat{background:#fff;border-color:#F6D2A6;color:#3A1105}
.band-maroon .stat b,.band-teal .stat b{background:linear-gradient(180deg,#FF8A1F,#D9480F);-webkit-background-clip:text;background-clip:text}
.band-maroon::before,.band-indigo::before,.band-teal::before{background:radial-gradient(circle,rgba(255,255,255,.55) 0,rgba(255,255,255,0) 62%)}
.band-maroon::after,.band-indigo::after,.band-teal::after{background:radial-gradient(circle,rgba(255,170,74,.25) 0,rgba(255,170,74,0) 60%)}
/* the deep sections, lighter and warmer */
.band-ink{background:linear-gradient(160deg,#8A3410 0%,#5E200A 100%)}
.ftr{background:linear-gradient(135deg,#9A3E12 0%,#6B2509 100%)}
.band-saffron::before,.marquee::before{background:linear-gradient(100deg,#FFC274,#FFA94D,#FF9636,#FFB15C,#FFC274,#FFA94D,#FF9636,#FFB15C,#FFC274)}
.band-saffron{color:#3A1105}.band-saffron .sec-hd p{color:#6B3A1E}.band-saffron .more{color:#9A3412}
.band-saffron .stat{background:rgba(255,255,255,.55);border-color:rgba(255,255,255,.7);color:#3A1105}
.band-saffron .stat b{background:linear-gradient(180deg,#D9480F,#9A3412);-webkit-background-clip:text;background-clip:text}
.marquee{color:#3A1105}.marquee-in span::after{background:#fff}
/* hero: lighter, warmer veil */
.hero::after,.phero::after{background:
  linear-gradient(180deg,rgba(74,26,6,.42) 0%,rgba(255,150,54,.10) 36%,rgba(122,46,14,.58) 72%,rgba(74,26,6,.9) 100%),
  linear-gradient(90deg,rgba(122,46,14,.55),rgba(255,170,74,.08) 70%)}
.hdr-in{background:rgba(74,26,6,.32)}
.hdr.solid .hdr-in{background:linear-gradient(120deg,rgba(154,62,18,.94),rgba(107,37,9,.94))}
/* buttons and chips: light saffron, dark text */
.btn-gold,.hdr .hdr-cta,.btn-maroon,.chip[aria-pressed="true"],.chip.on,.bnav a[aria-current],.otd-date,.callout b{background:var(--bhagwa);color:#2E0D03}
.otd-date b{color:#2E0D03}
.btn-gold{box-shadow:0 6px 18px rgba(255,150,54,.32)}
.btn-gold::after{animation:none;transform:translateX(-120%) skewX(-20deg);transition:transform .7s ease}
.btn-gold:hover::after{transform:translateX(260%) skewX(-20deg)}
.box.dark,.quote,.plate{background:var(--bhagwa-deep)}
/* calmer motion */
.hero h1 em,.phero h1 em,.sec-hd :is(h1,h2) em{animation-duration:16s}
.band-saffron::before,.marquee::before{animation-duration:48s}
.marquee-in{animation-duration:110s}
.band-maroon::before,.band-ink::before,.band-indigo::before,.band-teal::before,.ftr::before,.band-maroon::after,.band-ink::after,.band-indigo::after,.band-teal::after{animation-duration:34s}
.hero-glow{animation-duration:30s;opacity:.6}
.embers i{opacity:0;animation-duration:16s!important;filter:blur(.3px)}
@keyframes rise{0%{transform:translate3d(0,0,0) scale(.6);opacity:0}15%{opacity:.55}100%{transform:translate3d(var(--dx,20px),-48vh,0) scale(1);opacity:0}}
.flow-edge svg{animation-duration:40s}
.tile:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(255,150,54,.28)}
.ym{background:linear-gradient(135deg,rgba(255,170,74,.18),rgba(74,26,6,.22))}
.ym-card{background:rgba(74,26,6,.38)}

/* ===================== AURA PASS (calm) ===================== */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.35s}
::view-transition-group(hero){animation-duration:.55s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}
.phero .hero-bg img{view-transition-name:hero}

/* hero entrance: masked words rise, then the rest follows */
.hero h1 .w,.phero h1 .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.hero h1 .w>span,.phero h1 .w>span{display:inline-block;transform:translateY(105%);animation:wordUp .9s cubic-bezier(.2,.75,.15,1) forwards;animation-delay:calc(.15s + var(--wi) * .07s)}
@keyframes wordUp{to{transform:none}}
.hero .eyebrow,.hero-sub,.hero-ctas,.ym,.phero .crumbs,.phero .lede,.phero .facts-bar,.phero .era-no,.phero .badge{opacity:0;animation:fadeUp .9s cubic-bezier(.2,.7,.2,1) forwards}
.hero .eyebrow,.phero .crumbs{animation-delay:.05s}
.hero-sub,.phero .lede{animation-delay:.55s}.hero-ctas,.phero .facts-bar{animation-delay:.7s}.ym{animation-delay:.85s}.phero .era-no,.phero .badge{animation-delay:.1s}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.hero-bg,.phero .hero-bg{will-change:transform}

/* staggered reveals */
.rv{transition-delay:calc(var(--si,0) * 70ms)}

/* saffron brush stroke under section headings */
.sec-hd :is(h1,h2){position:relative;padding-bottom:14px}
.sec-hd :is(h1,h2)::after{content:"";position:absolute;left:0;bottom:0;height:5px;width:88px;border-radius:3px;background:linear-gradient(90deg,#FF9636,#FFC274 70%,rgba(255,194,116,0));transform:scaleX(0);transform-origin:left;transition:transform 1.1s cubic-bezier(.2,.7,.2,1) .2s}
.sec-hd.in h2::after{transform:none}

/* river: bars grow along time */
.river a{transform:scaleX(0);transform-origin:left;transition:transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--ri,0) * 18ms)}
.river.in a{transform:none}
.river a.narrow .rl{opacity:0;transition:opacity .6s .5s}.river.in a.narrow .rl{opacity:.9}

/* destroyed → rebuilt: the life of a temple lights up */
.life li{opacity:.25;transition:opacity .6s ease;transition-delay:calc(var(--li,0) * 120ms)}
.life li::before{transform:scale(.4);transition:transform .5s cubic-bezier(.3,1.6,.5,1);transition-delay:calc(var(--li,0) * 120ms)}
.life.in li{opacity:1}.life.in li::before{transform:none}
.life.in li.k-destroyed::before{animation:ping 1.4s ease-out 1;animation-delay:calc(var(--li,0) * 120ms + .3s)}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(255,107,94,.55)}100%{box-shadow:0 0 0 14px rgba(255,107,94,0)}}

/* reading progress on detail pages (scroll-driven, no JS) */
.progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:80;background:linear-gradient(90deg,#FFC274,#FF9636,#F26B0F);transform-origin:left;transform:scaleX(0)}
@supports (animation-timeline:scroll()){.progress{animation:grow linear both;animation-timeline:scroll(root)}}
@keyframes grow{to{transform:scaleX(1)}}

/* tactile */
.btn,.chip,.tile,.card,.row,.bnav a,.icon-btn,.lang{-webkit-tap-highlight-color:transparent}
.btn:active,.chip:active,.bnav a:active,.icon-btn:active,.lang:active{transform:scale(.96)}
.tile:active,.card:active,.row:active{transform:scale(.985)}
.tile .go svg{transition:transform .3s}.tile:hover .go svg{transform:translateX(4px)}
/* a soft light sweeps once over a tile on hover */
.tile-in::before{content:"";position:absolute;inset:-200% auto -200% -60%;width:40%;background:linear-gradient(90deg,transparent,rgba(255,226,170,.22),transparent);transform:skewX(-18deg) translateX(-100%);transition:transform .9s ease;pointer-events:none}
.tile:hover .tile-in::before{transform:skewX(-18deg) translateX(520%)}

/* off-screen loops pause */
.paused,.paused::before,.paused::after,.paused *{animation-play-state:paused!important}

@media (prefers-reduced-motion:reduce){
  .hero h1 .w>span,.phero h1 .w>span,.hero .eyebrow,.hero-sub,.hero-ctas,.ym,.phero .crumbs,.phero .lede,.phero .facts-bar,.phero .era-no,.phero .badge{animation:none;opacity:1;transform:none}
  .river a,.life li,.life li::before,.sec-hd :is(h1,h2)::after{transform:none;opacity:1;transition:none}
  .progress{display:none}
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
}
.no-js .river a,.no-js .life li{transform:none;opacity:1}
/* gradient accent survives the word split: paint each word, not the <em> */
.hero h1 em,.phero h1 em{background:none!important;color:inherit;animation:none!important}
.hero h1 em .w>span,.phero h1 em .w>span{background:linear-gradient(90deg,#FFE0A3,#FFC274,#FFA94D,#FFD08A,#FFE0A3,#FFC274,#FFA94D,#FFD08A);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:wordUp .9s cubic-bezier(.2,.75,.15,1) forwards,shimmer 16s linear infinite;animation-delay:calc(.15s + var(--wi) * .07s),0s}
@media (prefers-reduced-motion:reduce){.hero h1 em .w>span,.phero h1 em .w>span{animation:none;transform:none}}
.row-y{flex:0 1 auto;max-width:118px;white-space:normal;line-height:1.25;font-size:14px}
@media (max-width:600px){.row-y{max-width:84px;font-size:12.5px}}
/* calm + light on the CPU: accents keep their gradient but stop shimmering */
.sec-hd :is(h1,h2) em,.band-maroon .sec-hd :is(h1,h2) em,.band-ink .sec-hd :is(h1,h2) em,.band-indigo .sec-hd :is(h1,h2) em,.band-teal .sec-hd :is(h1,h2) em{animation:none}
.hero h1 em .w>span,.phero h1 em .w>span{animation:wordUp .9s cubic-bezier(.2,.75,.15,1) forwards;animation-delay:calc(.15s + var(--wi) * .07s)}

/* ===================== HERO X — five temples, one wheel of time ===================== */
.hero-x{min-height:100svh;padding-bottom:0}
.hero-x::after{background:
  radial-gradient(120% 80% at 15% 85%,rgba(74,26,6,.78) 0,rgba(74,26,6,0) 60%),
  linear-gradient(180deg,rgba(74,26,6,.5) 0%,rgba(255,150,54,.06) 30%,rgba(122,46,14,.45) 64%,rgba(58,17,5,.92) 100%),
  linear-gradient(90deg,rgba(90,32,8,.62) 0%,rgba(255,170,74,.04) 62%)}
.hx-slides{position:absolute;inset:0;overflow:hidden;background:#5C1A06}
.hx-slide{position:absolute;inset:0;margin:0;opacity:0;animation:hxFade 40s linear infinite;animation-delay:calc(var(--n) * 8s)}
.hx-slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.1);animation:hxZoom 40s linear infinite;animation-delay:calc(var(--n) * 8s)}
.hx-slide:first-child{opacity:1}
@keyframes hxFade{0%{opacity:0}4%{opacity:1}20%{opacity:1}25%{opacity:0}100%{opacity:0}}
@keyframes hxZoom{0%{transform:scale(1.12)}25%{transform:scale(1.02)}100%{transform:scale(1.02)}}
.hx-wheel{position:absolute;z-index:1;width:min(84vmin,820px);height:auto;right:-14vmin;top:50%;margin-top:calc(min(84vmin,820px) / -2);opacity:.16;animation:hxSpin 240s linear infinite;pointer-events:none;filter:drop-shadow(0 0 40px rgba(255,170,74,.35))}
@keyframes hxSpin{to{transform:rotate(360deg)}}
@media (max-width:899px){.hx-wheel{width:110vw;margin-top:0;top:-18vw;right:-48vw;opacity:.12}}
.hero-x .hero-in{padding:118px 0 22px;width:100%}
.hx-iti{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 6px;color:#FFE0A3;font-weight:600;font-size:15px}
.hx-iti span{font-family:"Tiro Devanagari Sanskrit",serif;font-size:clamp(24px,3vw,32px);color:#FFC274;line-height:1}
.hx-iti i{width:36px;height:2px;border-radius:2px;background:linear-gradient(90deg,#FFC274,rgba(255,194,116,0))}
.hero-x h1{font-size:clamp(46px,9vw,104px);max-width:12ch;margin:10px 0 16px;letter-spacing:-.02em;text-shadow:0 2px 30px rgba(58,17,5,.35)}
.hero-x .hero-sub{max-width:46ch;font-size:clamp(17px,1.8vw,20px)}
.hero-x .ym{max-width:880px;margin-top:26px;padding:14px 16px}
.hero-x .ym-out{gap:8px}
.hero-x .ym-card{min-height:0;padding:10px 12px}
.hero-x .ym-card .dl a:nth-child(n+7){display:none}
.hero-x .ym-year{font-size:clamp(30px,4.6vw,44px)}
/* temple captions, synced to the slides */
.hx-caps{position:relative;height:44px;margin-top:18px}
.hx-cap{position:absolute;left:0;top:0;display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;opacity:0;animation:hxCap 40s linear infinite;animation-delay:calc(var(--n) * 8s);font-size:14.5px;white-space:nowrap}
.hx-cap::before{content:"";width:28px;height:2px;background:#FFC274;border-radius:2px}
.hx-cap b{font-weight:800}.hx-cap span{opacity:.75}
.hx-cap:first-child{opacity:1}
@keyframes hxCap{0%{opacity:0;transform:translateY(8px)}5%{opacity:1;transform:none}19%{opacity:1;transform:none}24%{opacity:0;transform:translateY(-6px)}100%{opacity:0}}
@media (min-width:1100px){.hx-caps{position:absolute;right:var(--gut);bottom:96px;height:44px;margin:0;width:340px}.hx-cap{left:auto;right:0}}
/* counts ribbon */
.hx-stats{position:relative;z-index:2;border-top:1px solid rgba(255,194,116,.22);background:linear-gradient(180deg,rgba(58,17,5,.25),rgba(58,17,5,.6))}
.hx-stats .wrap{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.hx-stat{padding:14px 6px 16px;text-decoration:none;color:#fff;border-left:1px solid rgba(255,194,116,.16);text-align:center}
.hx-stat:first-child{border-left:0}
.hx-stat b{display:block;font-size:clamp(22px,3.2vw,36px);font-weight:800;line-height:1;background:linear-gradient(180deg,#FFE0A3,#FFAA4A);-webkit-background-clip:text;background-clip:text;color:transparent}
.hx-stat span{font-size:12.5px;opacity:.8}
.hx-stat:hover b{background:#fff;-webkit-background-clip:text;background-clip:text}
@media (max-width:600px){.hx-stat span{font-size:11px}.hx-stat{padding:12px 2px 14px}}
.hero-x .hx-iti,.hero-x .hx-caps,.hero-x .hx-stats{opacity:0;animation:fadeUp .9s cubic-bezier(.2,.7,.2,1) forwards}
.hero-x .hx-iti{animation-delay:.05s}.hero-x .hx-caps{animation-delay:1s}.hero-x .hx-stats{animation-delay:1.1s}
@media (prefers-reduced-motion:reduce){.hx-slide,.hx-slide img,.hx-cap,.hx-wheel{animation:none}.hx-slide:not(:first-child),.hx-cap:not(:first-child){display:none}.hero-x .hx-iti,.hero-x .hx-caps,.hero-x .hx-stats{animation:none;opacity:1}}
.hero-x h1 em .w>span{text-shadow:none;background-image:linear-gradient(180deg,#FFD58A 0%,#FFB547 55%,#FF9636 100%)!important;background-size:100% 100%!important}
.hero-x::after{z-index:1}
.hx-wheel{z-index:0;opacity:.22}
.embers,.hero-glow{z-index:2}
.hero-x .hero-in,.hx-stats{z-index:3}
@media (min-width:1100px){.hx-caps{top:112px;bottom:auto}}
@media (max-width:600px){
  .hero-x .ym-out .ym-card:nth-child(2){display:none}
  .hero-x .hero-in{padding-top:104px}
  .hero-x h1{font-size:clamp(42px,12vw,56px)}
}
@media (min-width:900px){.hx-wheel{right:-34vmin;top:auto;bottom:-30vmin;margin-top:0;opacity:.2;width:min(96vmin,940px)}}
.hero-x .ym-card .dl a:nth-child(n+5){display:none}

/* ===================== NEW SECTIONS ===================== */
/* nav "More" dropdown */
.nav-more{position:relative}
.nav-more summary{list-style:none;cursor:pointer;font-weight:600;font-size:15px;padding:8px 11px;border-radius:12px;opacity:.92}
.nav-more summary::-webkit-details-marker{display:none}
.nav-more summary::after{content:"";display:inline-block;margin-left:6px;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-3px)}
.nav-more[open] summary,.nav-more summary:hover{background:rgba(255,255,255,.12)}
.nav-more>div{position:absolute;top:calc(100% + 8px);left:0;min-width:200px;display:grid;padding:8px;border-radius:16px;background:linear-gradient(135deg,#9A3E12,#6B2509);box-shadow:0 18px 40px rgba(58,17,5,.35)}
.nav-more>div a{padding:9px 12px}
.nav{gap:2px}.nav a{padding:8px 9px;font-size:14.5px}

/* verdict pill */
.verdict{display:inline-flex;align-items:center;gap:6px;font:800 12.5px/1 Mukta;padding:6px 10px;border-radius:999px;letter-spacing:.04em;text-transform:uppercase}
html[lang="hi"] .verdict{letter-spacing:0;font-size:13.5px}
.verdict::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.v-false{background:#FDE2DF;color:#9F1D14}.v-misleading{background:#FFF0D1;color:#8A4B00}.v-half-true{background:#E7F0FF;color:#2C3A8C}

/* flip cards */
.flips{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
@media (min-width:700px){.flips{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.flips{grid-template-columns:repeat(3,minmax(0,1fr))}}
.flip{perspective:1200px;min-height:250px;cursor:pointer;outline:0}
.flip-in{position:relative;height:100%;min-height:250px;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.flip:hover .flip-in,.flip:focus-visible .flip-in,.flip.on .flip-in{transform:rotateY(180deg)}
.flip-f,.flip-b{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--r-lg);padding:22px;display:flex;flex-direction:column}
.flip-f{background:linear-gradient(150deg,#FFFFFF,#FFF1DE);border:1px solid #F6D2A6;color:#3A1105}
.flip-f::after{content:"?";position:absolute;right:18px;bottom:6px;font-size:120px;font-weight:800;line-height:1;color:rgba(242,107,15,.12)}
.flip-k{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#D9480F}
html[lang="hi"] .flip-k{letter-spacing:0;font-size:14px}
.flip-claim{font-size:clamp(20px,2.2vw,24px);font-weight:800;line-height:1.25;margin:10px 0 0}
.flip-hint{margin-top:auto;font-size:13.5px;font-weight:700;color:#9A5A2E}
.flip-b{transform:rotateY(180deg);background:linear-gradient(150deg,#B9500F,#7A2E0E);color:#fff;gap:10px}
.flip-b p{margin:0;font-size:16px;line-height:1.5}
.flip-b a{margin-top:auto;color:#FFD58A;font-weight:800;text-decoration:none}
@media (prefers-reduced-motion:reduce){.flip-in{transition:none}}

/* dossiers */
.dossiers{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.dossiers{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dossier{position:relative;display:flex;flex-direction:column;gap:10px;padding:24px 22px 22px;border-radius:var(--r-lg);background:#fff;border:1px solid #F6D2A6;color:#3A1105;text-decoration:none;overflow:hidden;transition:transform .25s,box-shadow .25s}
.dossier::before{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:var(--bhagwa)}
.dossier:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(242,107,15,.2)}
.dossier-k{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#9A5A2E}
.dossier h3{font-size:clamp(20px,2.2vw,26px);line-height:1.2}
.dossier-who{font-size:14px;color:#7A4A2E;font-style:italic;margin:0}
.dossier p{margin:0;font-size:15.5px;line-height:1.5}
.dossier .go{color:#D9480F;font-weight:800;margin-top:auto}
.band-ink .dossier{background:rgba(255,255,255,.96)}

/* claim page */
.claim-h{font-size:clamp(30px,5vw,58px)!important;max-width:22ch}
.fact-box{border-radius:var(--r-lg);padding:20px 22px;background:linear-gradient(150deg,#FFF6EA,#FFE6C4);border:1px solid #F6D2A6;margin-bottom:8px}
.fact-box b{display:inline-block;font-size:13px;font-weight:800;padding:4px 10px;border-radius:999px;background:var(--bhagwa);color:#2E0D03;margin-bottom:10px}
.fact-box p{font-size:20px!important;line-height:1.55!important;color:#3A1105!important;margin:0;font-weight:600}
.proof{counter-reset:p;list-style:none;padding:0;margin:0;display:grid;gap:10px}
.proof li{counter-increment:p;position:relative;padding:12px 14px 12px 52px;border-radius:14px;background:var(--card);border:1px solid var(--line);font-size:16.5px;line-height:1.5}
.proof li::before{content:counter(p);position:absolute;left:12px;top:11px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:14px;background:var(--bhagwa);color:#2E0D03}

/* veer (heroes) */
.veers{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:760px){.veers{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1100px){.veers{grid-template-columns:repeat(4,minmax(0,1fr))}}
.veer{display:flex;flex-direction:column;border-radius:var(--r-lg);overflow:hidden;background:#fff;border:1px solid #F6D2A6;color:#3A1105;text-decoration:none;transition:transform .25s,box-shadow .25s;scroll-margin-top:100px}
a.veer:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(242,107,15,.22)}
.veer-img{position:relative;aspect-ratio:4/5;background:#7A2E0E;overflow:hidden}
.veer-img img,.veer-img .ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.veer-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(58,17,5,.75))}
.veer-y{position:absolute;left:12px;bottom:10px;z-index:1;color:#FFD58A;font-weight:800;font-size:15px}
.veer-b{padding:12px 14px 16px;display:flex;flex-direction:column;gap:4px}
.veer-b small{color:#D9480F;font-weight:800;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase}
html[lang="hi"] .veer-b small{letter-spacing:0;font-size:13.5px}
.veer-b h3{font-size:19px;line-height:1.2}
.veer-b p{margin:0;font-size:14.5px;color:#7A4A2E;line-height:1.45}
.rail .veer{height:100%}
.veer-era{margin-bottom:34px}
.veer-era>h2{font-size:clamp(22px,3vw,30px);padding:10px 0;margin-bottom:14px;border-bottom:2px solid #FFAA4A;position:sticky;top:76px;z-index:3;background:var(--bg)}
.veer-era>h2 small{display:block;font-size:14px;color:var(--muted);font-weight:600}

/* samrajya */
.empires{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.empires{grid-template-columns:repeat(2,minmax(0,1fr))}}
.empire{display:flex;flex-direction:column;border-radius:var(--r-lg);overflow:hidden;background:#fff;border:1px solid #F6D2A6;color:#3A1105;text-decoration:none;transition:transform .25s,box-shadow .25s}
a.empire:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(242,107,15,.22)}
.empire-img{position:relative;aspect-ratio:16/8;background:#7A2E0E;overflow:hidden}
.empire-img img,.empire-img .ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.empire-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(58,17,5,.6))}
.empire-no{position:absolute;right:14px;bottom:4px;z-index:1;font-size:64px;font-weight:800;line-height:1;background:linear-gradient(180deg,#FFE0A3,#FFAA4A);-webkit-background-clip:text;background-clip:text;color:transparent}
.empire-b{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px}
.empire-b small{color:#9A5A2E;font-weight:700;font-size:13.5px}
.empire-b h3{font-size:clamp(22px,2.4vw,28px)}
.empire-tag{margin:0;font-weight:600;color:#D9480F}
.empire-b .kv{font-size:14.5px}
.empire-b ul{margin:4px 0 0;padding:0;list-style:none;display:grid;gap:6px}
.empire-b li{position:relative;padding-left:18px;font-size:14.5px;line-height:1.45}
.empire-b li::before{content:"";position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:2px;background:var(--bhagwa);transform:rotate(45deg)}
.empire-fell{margin:4px 0 0;font-size:14px;color:#7A4A2E;font-style:italic}
.rail.wide .empire{height:100%}
.espan{position:relative;padding-bottom:30px}
.espan-row{position:relative;height:30px;display:flex;align-items:center}
.espan-row span{position:relative;z-index:1;font-size:13px;font-weight:700;color:#fff;white-space:nowrap;min-width:0;padding-right:8px}
.espan-row i{position:absolute;top:6px;height:18px;border-radius:9px;background:linear-gradient(90deg,#FFC274,#FF9636);opacity:.9}
.espan-row{padding-left:0}
.espan-row span{width:180px;flex:none;text-shadow:0 1px 6px rgba(0,0,0,.5)}
.espan-row i{margin-left:0}
.espan-axis{position:absolute;left:0;right:0;bottom:0;height:20px;border-top:1px solid rgba(255,255,255,.2)}
.espan-axis b{position:absolute;top:4px;transform:translateX(-50%);font-size:12px;opacity:.7;font-weight:600}
@media (max-width:700px){.espan-row span{width:120px;font-size:12px}}

.espan-row,.espan-axis{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center}
.espan-axis{position:absolute;left:0;right:0;bottom:0}
.espan-axis::before{content:""}
.espan-t{position:relative;height:100%;min-height:20px;border-left:1px solid rgba(255,255,255,.12)}
.espan-row .espan-t i{position:absolute;top:6px}
@media (max-width:700px){.espan-row,.espan-axis{grid-template-columns:110px minmax(0,1fr)}}

/* ===================== DISTINCT HEROES PER PAGE TYPE ===================== */
.hx{position:relative;overflow:hidden;padding:104px 0 40px;color:var(--text)}
.hx h1{font-size:clamp(34px,5.6vw,68px);line-height:1.04;letter-spacing:-.015em;margin:8px 0 12px;text-wrap:balance}
html[lang="hi"] .hx h1{line-height:1.2}
.hx .lede{font-size:clamp(16.5px,1.7vw,19px);line-height:1.6;max-width:60ch;color:var(--ink-2);margin:0 0 14px}
.hx .crumbs{color:var(--muted)}
.hx .facts-bar span{background:var(--card);border:1px solid var(--line);color:var(--text)}
.hx .facts-bar span b{color:#D9480F}
.hx-grid{display:grid;gap:26px;align-items:center}
@media (min-width:960px){.hx-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px}}
.hx-tag{margin:0 0 10px;font-weight:700;color:#D9480F;font-size:clamp(16px,1.6vw,19px)}
.hx .hero-credit{position:static;display:block;margin-top:6px;color:var(--muted);opacity:.8;font-size:11px}
.hx-photo .hero-credit,.hx>.hero-credit{position:absolute;right:12px;bottom:8px;color:#fff}

/* 1. ERA — chapter opener */
.hx-era{background:radial-gradient(900px 500px at 0% 0%,#FFE8C8 0,rgba(255,232,200,0) 70%),var(--bg)}
.hx-era .era-no{font-size:clamp(90px,14vw,190px);line-height:.78;font-weight:800;background:linear-gradient(180deg,#FFC274,#F26B0F);-webkit-background-clip:text;background-clip:text;color:transparent;margin-top:10px}
.hx-frame{margin:0;border-radius:32px;overflow:hidden;aspect-ratio:4/5;position:relative;box-shadow:0 30px 60px -20px rgba(122,46,14,.45);transform:rotate(1.2deg)}
.hx-frame img{width:100%;height:100%;object-fit:cover}
.hx-frame .hero-credit{position:absolute;left:12px;bottom:10px;color:#fff;opacity:.85;text-shadow:0 1px 4px #000}
@media (max-width:959px){.hx-era .hx-frame{aspect-ratio:16/10;order:-1;transform:none}}
.erabar{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));gap:3px;margin-top:18px;max-width:560px}
.erabar a{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--muted);font-size:10.5px;font-weight:700;text-align:center}
.erabar i{display:block;height:8px;border-radius:4px;background:var(--line)}
.erabar a:hover i{background:#FFC274}
.erabar a.on i{background:linear-gradient(90deg,#FF9636,#F26B0F);height:12px;margin-top:-2px}
.erabar a.on span{color:#D9480F}

/* 2. DYNASTY — royal lineage */
.hx-dyn{background:linear-gradient(180deg,#FFF3E2,var(--bg) 85%)}
.hx-dyn-top{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:8px}
.crest{flex:none;width:118px;height:118px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle at 35% 30%,#FFD58A,#F26B0F 70%);box-shadow:0 0 0 6px #fff,0 0 0 8px #FFAA4A,0 18px 36px rgba(242,107,15,.35);color:#3A1105;text-align:center}
.crest b{font-size:52px;line-height:.9;font-weight:800}
.crest span{font-size:10.5px;font-weight:800;max-width:90px;line-height:1.2}
.hx-dyn h1{margin-top:0}
.lineage{list-style:none;margin:22px 0 22px;padding:0;display:flex;gap:0;overflow-x:auto;scrollbar-width:none;min-width:0}
.lineage::-webkit-scrollbar{display:none}
.lineage li{flex:none;position:relative;padding:14px 18px 0 0;min-width:130px}
.lineage li::before{content:"";position:absolute;left:0;right:0;top:4px;height:2px;background:#FFAA4A}
.lineage li::after{content:"";position:absolute;left:0;top:0;width:10px;height:10px;border-radius:50%;background:#F26B0F;box-shadow:0 0 0 3px #FFE2BC}
.lineage b{display:block;font-size:14.5px;line-height:1.25}
.lineage span{font-size:12.5px;color:var(--muted)}
.lineage li.more{min-width:60px;font-weight:800;color:#D9480F;padding-top:14px}
.hx-wide{margin:0;position:relative;border-radius:28px;overflow:hidden;aspect-ratio:21/8}
.hx-wide img{width:100%;height:100%;object-fit:cover}
.hx-wide figcaption{position:absolute;left:0;right:0;bottom:0;padding:16px;background:linear-gradient(180deg,transparent,rgba(30,10,3,.7))}
.hx-wide .facts-bar span{background:rgba(255,255,255,.92);border:0}
@media (max-width:700px){.hx-wide{aspect-ratio:4/3}}

/* 3. PERSON — portrait in an arch */
.hx-person{background:radial-gradient(800px 500px at 100% 0%,#FFE2BC 0,rgba(255,226,188,0) 70%),var(--bg)}
.arch{margin:0;position:relative;aspect-ratio:3/4;max-width:440px;width:100%;justify-self:center;border-radius:220px 220px 26px 26px;overflow:hidden;box-shadow:0 0 0 8px #fff,0 0 0 10px #FFC274,0 30px 60px -20px rgba(122,46,14,.5)}
.arch img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.arch .hero-credit{position:absolute;left:0;right:0;bottom:0;padding:8px;text-align:center;color:#fff;background:linear-gradient(180deg,transparent,rgba(0,0,0,.5))}
@media (max-width:959px){.hx-person .arch{max-width:300px}}
.chip-cat{display:inline-block;font-weight:800;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;border-radius:999px;background:var(--bhagwa);color:#2E0D03}
.lifespan{display:flex;align-items:baseline;gap:10px;font-weight:800;margin:4px 0 2px}
.lifespan .yr{font-size:clamp(26px,3.4vw,40px);background:linear-gradient(180deg,#FF9636,#D9480F);-webkit-background-clip:text;background-clip:text;color:transparent}
.lifespan .yr-sep{color:var(--muted);font-size:24px}
.small-date{margin:0 0 12px;color:var(--muted);font-size:14px}
.hx-quote{margin:6px 0 0;padding:14px 18px;border-radius:18px;background:var(--card);border:1px solid var(--line);font-family:"Tiro Devanagari Sanskrit","Mukta",serif;font-size:18px;line-height:1.55}
.hx-quote cite{display:block;margin-top:6px;font:700 13px Mukta;color:#D9480F;font-style:normal}

/* 4. PLACE — cinematic, true colour, life strip */
.hx-place{padding:0;min-height:min(86svh,780px);display:flex;align-items:flex-end;color:#fff;background:#2A1208}
.hx-photo{position:absolute;inset:0}
.hx-photo img{width:100%;height:100%;object-fit:cover}
.hx-place::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 30%,rgba(0,0,0,.15) 55%,rgba(20,8,3,.88) 100%)}
.hx-place-in{position:relative;z-index:2;width:100%;padding:120px 0 34px}
.hx-place .crumbs,.hx-place .lede{color:#fff}.hx-place .lede{opacity:.92}
.lifestrip{list-style:none;margin:18px 0 0;padding:14px 0 0;display:flex;gap:0;overflow-x:auto;scrollbar-width:none;border-top:1px solid rgba(255,255,255,.25);min-width:0}
.lifestrip::-webkit-scrollbar{display:none}
.lifestrip li{flex:none;position:relative;padding:12px 18px 0 0;font-size:13px}
.lifestrip li::before{content:"";position:absolute;left:0;top:-20px;width:10px;height:10px;border-radius:50%;background:#FFC274;box-shadow:0 0 0 3px rgba(255,194,116,.3)}
.lifestrip li.bad::before{background:#FF6B5E;box-shadow:0 0 0 3px rgba(255,107,94,.3)}
.lifestrip b{font-weight:800;white-space:nowrap}

/* 5. BATTLE — versus */
.hx-battle{background:#1C0A04;color:#fff;padding-bottom:46px}
.hx-battle .hx-photo{opacity:.28;filter:grayscale(.6) contrast(1.1)}
.hx-battle::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 90% at 50% 40%,rgba(242,107,15,.22),rgba(28,10,4,.85) 75%)}
.hx-battle .wrap{position:relative;z-index:2;text-align:center}
.hx-battle h1{margin-left:auto;margin-right:auto;max-width:18ch}
.hx-battle .crumbs{justify-content:center;color:rgba(255,255,255,.8)}
.hx-battle .lede{margin:18px auto 14px;color:rgba(255,255,255,.88)}
.hx-battle .facts-bar{justify-content:center}
.hx-battle .facts-bar span{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff}
.hx-battle .facts-bar span b{color:#FFC274}
.versus{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:stretch;max-width:940px;margin:22px auto 0}
.vs-side{border-radius:22px;padding:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);text-align:center}
.vs-side small{display:block;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;opacity:.7}
.vs-side b{display:block;font-size:clamp(17px,2vw,22px);margin:6px 0 4px;line-height:1.2}
.vs-side span{font-size:14px;opacity:.82}
.vs-side.won{background:linear-gradient(160deg,rgba(255,170,74,.35),rgba(242,107,15,.18));border-color:#FFAA4A;box-shadow:0 0 40px rgba(255,150,54,.25)}
.vs-side.won small{color:#FFD58A;opacity:1}
.vs-mid{display:grid;place-items:center;align-content:center;gap:4px}
.vs-year{font-size:clamp(26px,3.6vw,44px);font-weight:800;background:linear-gradient(180deg,#FFE0A3,#FF9636);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
.vs-mid i{font-style:normal;font-weight:800;font-size:14px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#FF9636;color:#2E0D03}
@media (max-width:640px){.versus{grid-template-columns:minmax(0,1fr)}.vs-mid{grid-row:1}}

/* 6. EVIDENCE — museum plinth + label */
.hx-museum{background:linear-gradient(180deg,#F7EEE3,#EFE3D3);border-bottom:1px solid var(--line)}
.plinth{margin:0;position:relative;aspect-ratio:1/1;border-radius:24px;display:grid;place-items:center;padding:28px;background:radial-gradient(60% 55% at 50% 38%,#FFFFFF 0,#F3E6D4 70%,#E4D2BA 100%);box-shadow:inset 0 -40px 60px -30px rgba(122,74,46,.35)}
.plinth img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 22px 26px rgba(58,30,10,.38))}
.plinth::after{content:"";position:absolute;left:18%;right:18%;bottom:22px;height:14px;border-radius:50%;background:radial-gradient(closest-side,rgba(58,30,10,.28),transparent)}
.plinth .hero-credit{position:absolute;left:14px;bottom:6px}
.label-card{background:#FFFDF8;border:1px solid #E6D3B8;border-radius:6px;padding:18px 20px;box-shadow:0 10px 26px rgba(58,30,10,.12);margin:10px 0 16px;max-width:560px}
.label-card .acc{font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#9A5A2E}
.label-card h1{font-family:"Tiro Devanagari Sanskrit","Mukta",serif;font-weight:400;font-size:clamp(28px,3.8vw,46px);margin:6px 0 10px}
.label-card .kv{font-size:14.5px;border-top:1px dashed #E6D3B8;padding-top:10px}
:root[data-theme="dark"] .hx-museum,:root:not([data-theme="light"]) .hx-museum{color:#3A1105}
.hx-museum .lede{color:#5A3A26}

/* 7. WORLD — voyage */
.hx-world{padding:0;min-height:min(80svh,720px);display:flex;align-items:flex-end;color:#fff;background:#0B2A33}
.hx-world::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,24,30,.82) 0,rgba(6,24,30,.25) 60%,rgba(6,24,30,.05)),linear-gradient(0deg,rgba(6,24,30,.7),transparent 50%)}
.hx-world-in{position:relative;z-index:2;width:100%;padding:120px 0 40px}
.hx-world .crumbs,.hx-world .lede{color:#fff}
.hx-countries{display:inline-block;margin:0 0 6px;font-weight:800;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#7FE0D4}
.hx-world .facts-bar span{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);color:#fff}.hx-world .facts-bar span b{color:#FFC274}

/* 8. INDEX — mosaic */
.hx-index{background:radial-gradient(900px 500px at 100% 0,#FFE2BC 0,rgba(255,226,188,0) 70%),var(--bg);padding-bottom:28px}
.hx-count{display:inline-flex;align-items:baseline;gap:10px;margin-top:4px}
.hx-count b{font-size:clamp(40px,5vw,60px);font-weight:800;line-height:1;background:linear-gradient(180deg,#FF9636,#D9480F);-webkit-background-clip:text;background-clip:text;color:transparent}
.hx-count span{font-weight:700;color:var(--muted)}
.mosaic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,150px));gap:10px}
@media (min-width:960px){.mosaic{grid-template-rows:repeat(2,minmax(0,190px))}}
.mosaic a{position:relative;border-radius:18px;overflow:hidden;background:#7A2E0E}
.mosaic a img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.mosaic a:hover img{transform:scale(1.06)}
.mosaic a span{position:absolute;left:0;right:0;bottom:0;padding:22px 10px 8px;font-size:12.5px;font-weight:700;color:#fff;background:linear-gradient(180deg,transparent,rgba(0,0,0,.7));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mosaic .m0{grid-row:span 2}
@media (max-width:600px){.mosaic{grid-template-rows:repeat(2,minmax(0,110px))}.mosaic .m5{display:none}}

/* headline entrance applies to the new heroes too */
.hx h1 .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.hx h1 .w>span{display:inline-block;transform:translateY(105%);animation:wordUp .9s cubic-bezier(.2,.75,.15,1) forwards;animation-delay:calc(.1s + var(--wi) * .06s)}
.hx .lede,.hx .facts-bar,.hx-frame,.arch,.plinth,.hx-wide,.lineage,.versus,.mosaic,.erabar,.lifestrip{opacity:0;animation:fadeUp .9s cubic-bezier(.2,.7,.2,1) .35s forwards}
.hx-frame,.arch,.plinth,.mosaic{animation-delay:.15s}
@media (prefers-reduced-motion:reduce){.hx h1 .w>span{animation:none;transform:none}.hx .lede,.hx .facts-bar,.hx-frame,.arch,.plinth,.hx-wide,.lineage,.versus,.mosaic,.erabar,.lifestrip{animation:none;opacity:1}}

/* header stays solid bhagwa over light heroes */
[data-hero="light"] .hdr-in{background:linear-gradient(120deg,rgba(154,62,18,.96),rgba(107,37,9,.96));border-color:rgba(255,194,116,.3)}
.lifespan-txt .yr{font-size:clamp(20px,2.4vw,28px)!important;line-height:1.25}

/* ---- Myth vs Fact: paper + stamps ---- */
.hx-paper{background:repeating-linear-gradient(0deg,rgba(122,74,46,.05) 0 1px,transparent 1px 30px),linear-gradient(180deg,#FBF4E8,#F5EBDC);color:#3A1105}
.hx-paper .lede{color:#5A3A26}
.stamps{position:relative;min-height:220px}
.stamp{display:inline-block;font:800 clamp(22px,3vw,34px)/1 Mukta;letter-spacing:.12em;text-transform:uppercase;padding:12px 20px;border:4px solid currentColor;border-radius:10px;background:transparent!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.4);mix-blend-mode:multiply;opacity:.9}
html[lang="hi"] .stamp{letter-spacing:.02em}
.stamps .stamp{position:absolute}
.stamps .v-false{left:6%;top:6%;transform:rotate(-12deg);color:#B42318}
.stamps .v-misleading{left:30%;top:40%;transform:rotate(6deg);color:#B25E09}
.stamps .v-half-true{left:10%;top:72%;transform:rotate(-4deg);color:#2C3A8C}
@media (max-width:959px){.stamps{min-height:170px}}
.stamp.big{margin-top:10px;transform:rotate(-6deg);font-size:clamp(26px,4vw,44px)}
.stamp.big.v-false{color:#B42318}.stamp.big.v-misleading{color:#B25E09}.stamp.big.v-half-true{color:#2C3A8C}
.hx-claim .claim-h{font-family:"Tiro Devanagari Sanskrit","Mukta",serif;font-weight:400;max-width:24ch}
.hx-claim .dossier-k{display:block;margin-top:8px}

/* ---- Propaganda Buster: dossier with redactions ---- */
.hx-dossier{background:linear-gradient(160deg,#2B1408,#160904);color:#F6EDE2}
.hx-dossier .lede,.hx-dossier .crumbs{color:rgba(246,237,226,.82)}
.hx-dossier .dossier-k{color:#FFC274}
.redact{display:grid;gap:10px;font-family:"Tiro Devanagari Sanskrit","Mukta",serif}
.redact p{margin:0;position:relative;padding:10px 14px;border-radius:6px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);font-size:15px;color:rgba(246,237,226,.7);overflow:hidden}
.redact i{position:absolute;top:50%;left:14px;height:3px;width:0;background:#FF6B5E;transform:translateY(-50%);animation:strike 1s cubic-bezier(.2,.7,.2,1) forwards}
.redact p:nth-child(1) i{animation-delay:.5s}.redact p:nth-child(2) i{animation-delay:.8s}.redact p:nth-child(3) i{animation-delay:1.1s}.redact p:nth-child(4) i{animation-delay:1.4s}.redact p:nth-child(5) i{animation-delay:1.7s}
@keyframes strike{to{width:calc(100% - 28px)}}
.hx-claim-d .stamp.big{mix-blend-mode:normal}
.hx-claim-d .stamp.big.v-false{color:#FF8A80}.hx-claim-d .stamp.big.v-misleading{color:#FFC274}
.who-line{margin:16px 0 0;max-width:70ch;font-size:15px;font-style:italic;color:rgba(246,237,226,.75)}
@media (prefers-reduced-motion:reduce){.redact i{animation:none;width:calc(100% - 28px)}}

/* ---- Veer: arch portrait row ---- */
.hx-veer{background:radial-gradient(900px 500px at 50% 0,#FFE2BC 0,rgba(255,226,188,0) 70%),var(--bg);text-align:center}
.hx-veer h1,.hx-veer .lede{margin-left:auto;margin-right:auto}
.hx-veer .crumbs{justify-content:center}
.arches{display:flex;justify-content:center;gap:12px;margin-top:22px;overflow-x:auto;scrollbar-width:none;padding:6px 4px 10px;min-width:0}
.arches::-webkit-scrollbar{display:none}
.arch-s{flex:none;width:clamp(96px,12vw,150px);text-decoration:none;color:var(--text)}
.arch-s img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 20%;border-radius:80px 80px 14px 14px;box-shadow:0 0 0 4px #fff,0 0 0 6px #FFC274,0 14px 26px rgba(122,46,14,.3);transition:transform .3s}
.arch-s:hover img{transform:translateY(-4px)}
.arch-s span{display:block;margin-top:10px;font-size:13px;font-weight:700;line-height:1.25}
.arch-s:nth-child(even){margin-top:24px}
.arches{opacity:0;animation:fadeUp .9s cubic-bezier(.2,.7,.2,1) .3s forwards}

/* mobile/tablet menu */
.menu-btn{display:grid}
@media (min-width:1100px){.menu-btn{display:none}}
.menu-sheet{position:fixed;inset:0;z-index:90;background:rgba(30,10,3,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.menu-sheet[hidden]{display:none}
.menu-in{position:absolute;left:10px;right:10px;top:10px;max-height:calc(100svh - 20px);overflow:auto;border-radius:24px;padding:16px;background:linear-gradient(160deg,#9A3E12,#6B2509);color:#fff;box-shadow:0 30px 60px rgba(0,0,0,.4);animation:fadeUp .35s cubic-bezier(.2,.7,.2,1)}
.menu-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:18px}
.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.menu-grid a{display:block;padding:14px 14px;border-radius:14px;background:rgba(255,255,255,.1);color:#fff;text-decoration:none;font-weight:700;font-size:16px}
.menu-grid a[aria-current]{background:var(--bhagwa);color:#2E0D03}
.menu-lang{display:block;text-align:center;margin-top:12px}
html.menu-open{overflow:hidden}

/* ===================== WAY OF LIFE ===================== */
.sa,[lang="sa"]{font-family:"Tiro Devanagari Sanskrit","Mukta",serif}
.hx-dawn{text-align:center;padding:118px 0 54px;background:radial-gradient(70% 60% at 50% 100%,#FFC274 0,rgba(255,194,116,0) 70%),linear-gradient(180deg,#FFF3E2 0%,#FFE2BC 60%,#FFD39A 100%);color:#3A1105}
.hx-dawn .crumbs{justify-content:center}
.hx-dawn h1{max-width:18ch;margin-left:auto;margin-right:auto}
.hx-dawn .lede{margin:14px auto 0;color:#5A3A26}
.sun{position:absolute;left:50%;bottom:-180px;width:520px;height:520px;margin-left:-260px;border-radius:50%;background:radial-gradient(circle,#FFE7B0 0,#FFC274 42%,rgba(255,170,74,.0) 70%);pointer-events:none}
.sun::before{content:"";position:absolute;inset:-60px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,170,74,.22) 0 4deg,transparent 4deg 15deg);mask:radial-gradient(circle,transparent 46%,#000 47%,#000 62%,transparent 70%);-webkit-mask:radial-gradient(circle,transparent 46%,#000 47%,#000 62%,transparent 70%);animation:hxSpin 180s linear infinite}
.om{position:absolute;left:50%;top:70px;transform:translateX(-50%);font-size:120px;line-height:1;color:rgba(242,107,15,.22)}
.hx-dawn .wrap{position:relative;z-index:2}
.verse{margin:18px auto 0;max-width:640px;padding:18px 22px;border-radius:20px;background:rgba(255,255,255,.7);border:1px solid #F6D2A6;text-align:center}
.verse p{margin:0 0 6px;font-size:clamp(19px,2.2vw,24px);line-height:1.5;color:#7A2E0E}
.verse span{display:block;font-size:15.5px;color:#5A3A26;line-height:1.5}
.verse cite{display:block;margin-top:6px;font:700 12.5px Mukta;color:#D9480F;font-style:normal;letter-spacing:.04em}
.wl-toc{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px}
.wl-toc a{font-weight:700;font-size:14px;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.75);border:1px solid #F6D2A6;text-decoration:none;color:#7A2E0E}
.wl-toc a:hover{background:var(--bhagwa)}
.wl{padding:64px 0;scroll-margin-top:70px}
@media (min-width:900px){.wl{padding:88px 0}}
.wl-hd{max-width:720px;margin:0 0 26px}
.wl-hd h2{font-size:clamp(28px,4vw,46px);position:relative;padding-bottom:12px}
.wl-hd h2::after{content:"";position:absolute;left:0;bottom:0;width:80px;height:5px;border-radius:3px;background:linear-gradient(90deg,#FF9636,#FFC274,transparent)}
.wl-hd p{color:var(--muted);margin:10px 0 0;font-size:17px}
.big-sa{display:block;font-size:clamp(30px,3.6vw,44px);line-height:1.1;color:#D9480F}
.src{font-size:13.5px;color:var(--muted);margin-top:12px}

/* day: sky from dawn to night along a sun path */
.wl-day{background:linear-gradient(90deg,#FFE7C2 0%,#FFF6E8 30%,#FFF6E8 60%,#FBD7B2 78%,#2B2A6B 100%)}
.sunpath{list-style:none;margin:0;padding:10px 0 4px;display:grid;grid-auto-flow:column;grid-auto-columns:min(78vw,250px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;min-width:0}
.sunpath li{scroll-snap-align:start;position:relative;border-radius:22px;padding:56px 16px 16px;background:rgba(255,255,255,.85);border:1px solid #F6D2A6;box-shadow:0 10px 24px rgba(122,46,14,.08)}
.sunpath li::before{content:"";position:absolute;left:16px;top:16px;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FFF3C4,#FFAA4A 60%,#F26B0F);box-shadow:0 0 18px rgba(255,170,74,.7);transform:translateY(calc((0.5 - (var(--t) - .5) * (var(--t) - .5) * 4) * -4px))}
.sunpath li .tm{position:absolute;right:16px;top:18px;font-weight:800;color:#D9480F;font-variant-numeric:tabular-nums}
.sunpath li b{display:block;font-size:18px;line-height:1.2}
.sunpath li .sa{display:block;color:#9A5A2E;margin:2px 0 6px}
.sunpath li p{margin:0;font-size:14.5px;line-height:1.5;color:#5A3A26}
.sunpath li:last-child,.sunpath li:nth-last-child(2){background:rgba(43,42,107,.9);color:#fff;border-color:transparent}
.sunpath li:last-child p,.sunpath li:nth-last-child(2) p{color:rgba(255,255,255,.82)}
.sunpath li:last-child::before,.sunpath li:nth-last-child(2)::before{background:radial-gradient(circle at 35% 35%,#FFFFFF,#DDE3FF 60%,#9AA5E8);box-shadow:0 0 16px rgba(200,210,255,.7)}
.sunpath li:last-child .sa,.sunpath li:nth-last-child(2) .sa{color:#C8CEFF}

/* aims: four pillars */
.pillars{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
@media (min-width:760px){.pillars{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.pillars{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pillar{position:relative;border-radius:200px 200px 24px 24px;padding:46px 20px 22px;text-align:center;color:#3A1105;overflow:hidden}
.pillar.p0{background:linear-gradient(180deg,#FFE2BC,#FFF6EA)}.pillar.p1{background:linear-gradient(180deg,#FFF0C2,#FFFBEA)}.pillar.p2{background:linear-gradient(180deg,#FFD9D2,#FFF5F2)}.pillar.p3{background:linear-gradient(180deg,#E6E4FF,#F7F6FF)}
.pillar h3{font-size:22px;margin:6px 0 10px}
.pillar p{font-size:15px;line-height:1.55;margin:0 0 10px;color:#5A3A26}
.pillar .verse{background:rgba(255,255,255,.75);padding:12px 14px;margin-top:10px}
.pillar .verse p{font-size:17px;color:#7A2E0E}

/* stages: a path */
.wl-stages{background:var(--sand-2)}
.path{list-style:none;margin:0;padding:0;display:grid;gap:18px;position:relative;grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.path{grid-template-columns:repeat(4,minmax(0,1fr))}.path::before{content:"";position:absolute;left:24px;right:24px;top:24px;height:3px;background:repeating-linear-gradient(90deg,#FFAA4A 0 12px,transparent 12px 20px)}}
.path li{position:relative;display:grid;gap:12px}
.path .node{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:20px;background:var(--bhagwa);color:#2E0D03;box-shadow:0 0 0 6px var(--sand-2);position:relative;z-index:1}
.path h3{font-size:21px;margin:4px 0 2px}
.path small{color:#D9480F;font-weight:700}
.path p{font-size:15px;line-height:1.55;color:var(--ink-2);margin:6px 0 0}

/* samskaras: ring */
.ring{display:none}
.ring-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ring-list li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:12px 14px;border-radius:16px;background:var(--card);border:1px solid var(--line)}
.ring-list b{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--bhagwa);color:#2E0D03;font-weight:800}
.ring-list h3{font-size:17px}.ring-list small{color:#D9480F;font-weight:700}.ring-list p{margin:4px 0 0;font-size:14.5px;color:var(--ink-2);line-height:1.5}
@media (min-width:900px){
  .ring{display:block;position:relative;width:min(760px,100%);aspect-ratio:1/1;margin:0 auto}
  .ring::before{content:"";position:absolute;inset:9%;border-radius:50%;border:2px dashed #FFC274}
  .ring-list{display:none}
  .ring-c{position:absolute;inset:24%;border-radius:50%;display:grid;place-items:center;text-align:center;padding:30px;background:radial-gradient(circle,#FFF6EA,#FFE2BC);box-shadow:0 20px 50px rgba(122,46,14,.18)}
  .ring-c h3{font-size:24px;margin:2px 0}.ring-c small{color:#D9480F;font-weight:700}.ring-c p{font-size:15px;line-height:1.55;margin:8px 0 0;color:#5A3A26}
  .ring-n{position:absolute;left:50%;top:50%;width:92px;height:92px;margin:-46px 0 0 -46px;border-radius:50%;border:2px solid #F6D2A6;background:#fff;cursor:pointer;display:grid;place-items:center;align-content:center;gap:2px;padding:6px;font:inherit;color:#3A1105;transform:rotate(calc(var(--i) * 360deg / var(--n) - 90deg)) translate(min(330px,41vw)) rotate(calc(var(--i) * -360deg / var(--n) + 90deg));transition:background .25s,transform .25s,box-shadow .25s}
  .ring-n b{font-size:18px;color:#D9480F;line-height:1}.ring-n span{font-size:11.5px;font-weight:700;line-height:1.15}
  .ring-n:hover,.ring-n.on{background:var(--bhagwa);border-color:transparent;box-shadow:0 10px 24px rgba(242,107,15,.35)}
  .ring-n.on b{color:#2E0D03}
}

/* yoga: four quadrants */
.wl-yoga{background:linear-gradient(160deg,#9A3E12,#6B2509);color:#fff}
.wl-yoga .wl-hd p{color:rgba(255,255,255,.78)}
.wl-yoga .big-sa{color:#FFC274}
.quad{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.quad{grid-template-columns:repeat(2,minmax(0,1fr))}}
.quad article{border-radius:24px;padding:22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.quad h3{font-size:22px;margin:4px 0 8px}.quad p{color:rgba(255,255,255,.85);line-height:1.6}
.quad .verse{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);text-align:left;margin:12px 0 0}
.quad .verse p{color:#FFE0A3}.quad .verse span{color:rgba(255,255,255,.8)}.quad .verse cite{color:#FFC274}

/* values: petals */
.petals-2{display:grid;gap:24px}
@media (min-width:900px){.petals-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.petals-2 h3{font-size:22px;margin-bottom:12px;color:#D9480F}
.petals{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.petals li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;align-items:baseline;padding:14px 16px;border-radius:40px 14px 40px 14px;background:linear-gradient(135deg,#FFF6EA,#FFE8CC);border:1px solid #F6D2A6}
.petals li span{grid-row:span 2;font-size:24px;color:#D9480F}
.petals li b{font-size:16.5px}.petals li p{margin:0;font-size:14.5px;color:#5A3A26;line-height:1.45}

/* year: month wheel */
.wl-year{background:var(--sand-2)}
.months{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}
@media (min-width:700px){.months{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.months{grid-template-columns:repeat(3,minmax(0,1fr))}}
.month{border-radius:22px;padding:16px 18px;background:var(--card);border:1px solid var(--line);position:relative;overflow:hidden}
.month::before{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:conic-gradient(#FF9636 calc((var(--m) + 1) * 30deg),#FFE8CC 0);opacity:.35}
.month h3{font-size:18px;color:#D9480F;margin-bottom:8px;position:relative}
.month ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;position:relative}
.month b{font-size:15.5px}.month p{margin:2px 0 0;font-size:14px;color:var(--ink-2);line-height:1.45}

/* symbols */
.symbols{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:900px){.symbols{grid-template-columns:repeat(4,minmax(0,1fr))}}
.symbol{border-radius:22px;overflow:hidden;background:var(--card);border:1px solid var(--line)}
.sym-img{aspect-ratio:1/1;background:#FFF1DE;overflow:hidden;display:grid;place-items:center}
.sym-img img{width:100%;height:100%;object-fit:cover}
.sym-img.glyph{font-size:72px;color:#D9480F}
.symbol h3{font-size:17px;margin:12px 14px 4px}.symbol h3 .sa{color:#9A5A2E;font-weight:400}
.symbol p{margin:0 14px 16px;font-size:14px;color:var(--ink-2);line-height:1.5}

/* texts: bookshelf */
.wl-texts{background:linear-gradient(180deg,#5C2208,#3A1405);color:#fff}
.wl-texts .wl-hd p{color:rgba(255,255,255,.75)}
.shelf{display:grid;gap:8px;grid-template-columns:minmax(0,1fr)}
@media (min-width:760px){.shelf{grid-template-columns:repeat(2,minmax(0,1fr))}}
.book{border-radius:10px 10px 10px 10px;background:linear-gradient(90deg,rgba(0,0,0,.25) 0 10px,transparent 10px),var(--bk,#B9500F);box-shadow:inset -6px 0 0 rgba(0,0,0,.12)}
.book summary{cursor:pointer;list-style:none;display:flex;gap:12px;align-items:center;padding:14px 16px 14px 24px}
.book summary::-webkit-details-marker{display:none}
.book summary b{font-size:17px}.spine-g{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.18)}
.book p{margin:0;padding:0 18px 16px 24px;color:rgba(255,255,255,.88);line-height:1.55;font-size:15px}
.g-shruti{--bk:#B23A0C}.g-smriti{--bk:#9A5A12}.g-itihasa{--bk:#A3360E}.g-purana{--bk:#7C3A8A}.g-darshana{--bk:#2C3A8C}.g-agama{--bk:#0F5257}.g-bhakti{--bk:#B4234A}

/* sampradayas: streams */
.streams{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
@media (min-width:760px){.streams{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.streams{grid-template-columns:repeat(4,minmax(0,1fr))}}
.stream{border-radius:24px;padding:20px;color:#3A1105;border-top:6px solid}
.stream.s0{background:#FFF1E6;border-color:#9A5A2E}.stream.s1{background:#EEF2FF;border-color:#2C3A8C}.stream.s2{background:#FFEDEF;border-color:#B4234A}.stream.s3{background:#FFF6DA;border-color:#C2410C}
.stream h3{font-size:21px;margin:4px 0 8px}.stream .kv{font-size:14px;margin-bottom:10px}.stream p{font-size:14.5px;line-height:1.55;margin:0}

/* tirthas + sciences */
.wl-tirthas{background:var(--sand-2)}
.tirthas{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.tirthas{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tirtha{border-radius:22px;padding:18px;background:var(--card);border:1px solid var(--line)}
.tirtha h3{font-size:20px;margin-bottom:6px}.tirtha p{font-size:15px;line-height:1.55;color:var(--ink-2)}
.tirtha .chips{margin-top:10px}.tirtha .chip{font-size:13px;padding:7px 11px}
.sciences{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
@media (min-width:700px){.sciences{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.sciences{grid-template-columns:repeat(3,minmax(0,1fr))}}
.sci{border-radius:22px;overflow:hidden;background:var(--card);border:1px solid var(--line);padding-bottom:16px}
.sci-img{aspect-ratio:16/10;overflow:hidden}.sci-img img{width:100%;height:100%;object-fit:cover}
.sci .big-sa{margin:12px 16px 0;font-size:28px}.sci h3{margin:2px 16px 6px;font-size:19px}.sci p{margin:0 16px;font-size:14.5px;line-height:1.55;color:var(--ink-2)}

/* ===================== GIFTS TO THE WORLD ===================== */
.hx-gifts{background:radial-gradient(800px 500px at 90% 30%,#3E3C8F 0,rgba(62,60,143,0) 70%),linear-gradient(160deg,#1D1C4E,#120F33);color:#fff}
.hx-gifts .lede,.hx-gifts .crumbs{color:rgba(255,255,255,.82)}
.hx-gifts h1 em .w>span,.hx-gifts h1 em{color:#FFC274}
.hx-gifts .hx-count b{background:linear-gradient(180deg,#FFE0A3,#FF9636);-webkit-background-clip:text;background-clip:text}
.hx-gifts .hx-count span{color:rgba(255,255,255,.7)}
.zero{position:relative;display:grid;place-items:center;min-height:260px}
.zero span{font-family:"Tiro Devanagari Sanskrit",serif;font-size:clamp(200px,26vw,340px);line-height:.8;color:transparent;-webkit-text-stroke:2px #FFC274;text-shadow:0 0 60px rgba(255,170,74,.45)}
.zero i{position:absolute;right:12%;bottom:8%;font-style:normal;font-weight:800;font-size:clamp(60px,8vw,110px);color:rgba(255,255,255,.12)}
.gifts{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
@media (min-width:760px){.gifts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.gifts{grid-template-columns:repeat(3,minmax(0,1fr))}}
.gift{display:flex;flex-direction:column;border-radius:24px;overflow:hidden;background:var(--card);border:1px solid var(--line);scroll-margin-top:100px}
.gift-img{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#2B2A6B,#1D1C4E);overflow:hidden}
.gift-img img{width:100%;height:100%;object-fit:cover}
.gift-glyph{position:absolute;inset:0;display:grid;place-items:center;font-size:90px;font-weight:800;color:rgba(255,194,116,.4)}
.gift-cat{position:absolute;left:12px;top:12px;font:800 12px Mukta;padding:5px 10px;border-radius:999px;background:rgba(0,0,0,.55);color:#FFD58A;letter-spacing:.04em}
.gift-b{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px}
.gift-b small{color:#D9480F;font-weight:800;font-size:13px}
.gift-b h3{font-size:21px;line-height:1.2}
.gift-tag{margin:0;font-weight:700;color:#7A4A2E}
.gift-b p{margin:0;font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.gift-travel,.gift-today{padding:10px 12px;border-radius:12px;background:var(--sand-2)}
.gift-travel b,.gift-today b{color:#D9480F}
.gift-proof summary{cursor:pointer;font-weight:800;color:#D9480F;font-size:14px}
.gift-proof ol{margin:8px 0 0;padding-left:18px;font-size:14px;line-height:1.5;display:grid;gap:4px}
.gift .chips{margin-top:6px}.gift .chip{font-size:12.5px;padding:6px 10px}
.wl-band{background:linear-gradient(180deg,#FFF3E2,var(--bg))}
.band-gifts{background:linear-gradient(160deg,#1D1C4E,#120F33);color:#fff}
.band-gifts .sec-hd p{color:rgba(255,255,255,.75)}.band-gifts .more{color:#FFC274}
.band-gifts .sec-hd :is(h1,h2) em{background-image:linear-gradient(90deg,#FFE0A3,#FFC274,#FF9636,#FFE0A3)!important}
.rail .gift{height:100%}
.zero{min-height:0;height:clamp(150px,30vw,340px)}
.zero span{font-family:"Mukta",sans-serif;font-weight:800;font-size:clamp(220px,34vw,460px);line-height:.62;-webkit-text-stroke:3px #FFC274}
.zero i{right:6%;bottom:2%}
@media (max-width:959px){.hx-gifts .hx-grid{grid-template-columns:minmax(0,1fr) 120px;align-items:end}.zero{height:140px}.zero span{font-size:170px}.zero i{display:none}}

/* ===================== GRANTH ===================== */
.hx-library{background:linear-gradient(180deg,#3A1405,#5C2208);color:#F6EDE2}
.hx-library .lede,.hx-library .crumbs{color:rgba(246,237,226,.82)}
.hx-library .hx-count span{color:rgba(246,237,226,.7)}
.hx-library .hx-count b{background:linear-gradient(180deg,#FFE0A3,#FF9636);-webkit-background-clip:text;background-clip:text}
.shelf-art{display:flex;align-items:flex-end;gap:5px;height:260px;padding:0 6px 10px;border-bottom:12px solid #2A0E04;border-radius:4px;box-shadow:0 14px 0 -6px rgba(0,0,0,.25)}
.shelf-art i{flex:1;min-width:0;height:var(--h);border-radius:4px 4px 2px 2px;background:var(--bk,#B9500F);box-shadow:inset -4px 0 0 rgba(0,0,0,.18),inset 3px 0 0 rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;overflow:hidden;transform-origin:bottom;animation:fadeUp .8s cubic-bezier(.2,.7,.2,1) both}
.shelf-art i span{writing-mode:vertical-rl;font-size:12px;color:rgba(255,255,255,.85);white-space:nowrap;font-style:normal}
.t-vedic{--bk:#B23A0C}.t-upanishad{--bk:#C2410C}.t-itihasa{--bk:#A3360E}.t-purana{--bk:#7C3A8A}.t-darshana{--bk:#2C3A8C}.t-dharmashastra{--bk:#9A5A12}.t-agama{--bk:#0F5257}.t-bhakti{--bk:#B4234A}.t-jain{--bk:#4D7C0F}.t-bauddha{--bk:#B45309}.t-sikh{--bk:#1D4ED8}.t-shastra{--bk:#374151}.t-kavya{--bk:#6B2509}
.gita-band{background:linear-gradient(160deg,#141133,#241F55);color:#fff}
.gita-feature{display:grid;gap:24px;align-items:center}
@media (min-width:900px){.gita-feature{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.gita-feature h2{font-size:clamp(30px,4vw,48px);margin:6px 0 10px}.gita-feature h2 em{font-style:normal;color:#FFC274}
.gita-feature p{color:rgba(255,255,255,.82);margin-bottom:18px}
.gita-band .verse{background:rgba(255,255,255,.06);border-color:rgba(255,194,116,.3)}.gita-band .verse p{color:#FFE0A3}.gita-band .verse span{color:rgba(255,255,255,.82)}
.lib-group{margin-bottom:34px}
.lib-group>h2{font-size:clamp(22px,3vw,30px);padding:10px 0;margin-bottom:14px;border-bottom:2px solid #FFAA4A}
.lib-group>h2 small{display:block;font-size:14px;color:var(--muted);font-weight:600}
.books{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:760px){.books{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1100px){.books{grid-template-columns:repeat(4,minmax(0,1fr))}}
.bookc{position:relative;display:flex;flex-direction:column;gap:4px;padding:16px 16px 16px 26px;border-radius:6px 16px 16px 6px;background:var(--card);border:1px solid var(--line);text-decoration:none;color:var(--text);overflow:hidden;transition:transform .2s,box-shadow .2s}
.bookc::before{content:"";position:absolute;left:0;top:0;bottom:0;width:12px;background:var(--bk)}
.bookc:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(122,46,14,.16)}
.bookc-sa{font-family:"Tiro Devanagari Sanskrit",serif;font-size:20px;color:var(--bk);line-height:1.2}
.bookc b{font-size:17px;line-height:1.2}.bookc small{color:var(--muted);font-weight:600}.bookc p{margin:4px 0 0;font-size:13.5px;color:var(--ink-2);line-height:1.4}
.bookc-more{margin-top:6px;font-size:12.5px;font-weight:800;color:#D9480F}
/* book page: palm leaf */
.hx-leaf{background:radial-gradient(800px 400px at 50% 0,#FFE2BC 0,rgba(255,226,188,0) 70%),var(--bg);text-align:center}
.hx-leaf .crumbs{justify-content:center}.hx-leaf h1,.hx-leaf .lede{margin-left:auto;margin-right:auto}.hx-leaf .facts-bar{justify-content:center}
.leaf{position:relative;max-width:760px;margin:18px auto 18px;padding:26px 60px;border-radius:999px/60px;background:repeating-linear-gradient(0deg,rgba(122,74,46,.08) 0 2px,transparent 2px 9px),linear-gradient(180deg,#E9C98E,#D9AE6A);box-shadow:inset 0 0 0 2px rgba(122,74,46,.25),0 18px 30px -12px rgba(122,46,14,.4)}
.leaf-sa{font-family:"Tiro Devanagari Sanskrit",serif;font-size:clamp(28px,4.4vw,52px);color:#4A1E08;line-height:1.25}
.leaf-sa.sm{display:block;font-size:22px;color:#9A5A2E;margin-top:6px}
.leaf-hole{position:absolute;left:24px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:var(--bg);box-shadow:inset 0 1px 2px rgba(0,0,0,.3)}.leaf-hole.r{left:auto;right:24px}
.parts{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.parts li>a,.parts li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;text-decoration:none;color:var(--text)}
.parts.epic li>a{padding:14px;border-radius:16px;background:var(--card);border:1px solid var(--line);transition:border-color .2s}
.parts.epic li>a:hover{border-color:#FF9636}
.parts li:not(:has(a)){padding:10px 0;border-bottom:1px solid var(--line)}
.pno{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:var(--bhagwa);color:#2E0D03}
.parts b{font-size:17px}.parts .sa{color:#9A5A2E}.parts p{margin:4px 0 0!important;font-size:15px!important;line-height:1.5!important}.parts small{color:var(--muted);font-weight:700}
.chars{display:grid;gap:10px;grid-template-columns:minmax(0,1fr)}
@media (min-width:760px){.chars{grid-template-columns:repeat(2,minmax(0,1fr))}}
.char{padding:14px 16px;border-radius:16px;background:var(--card);border:1px solid var(--line);scroll-margin-top:90px}
.char .sa{display:block;font-size:20px;color:#D9480F}.char b{font-size:17px}.char small{display:block;color:var(--muted);font-weight:700}.char p{font-size:14.5px!important;margin:6px 0 0!important}
.g-verse{text-align:left;margin:14px 0}
.eps{list-style:decimal;padding-left:20px!important}.eps li{padding-left:2px!important}.eps li::before{display:none}
/* kanda / parva page */
.hx-kanda{background:radial-gradient(900px 500px at 0 0,#FFE2BC 0,rgba(255,226,188,0) 70%),var(--bg)}
.hx-kanda .era-no{font-size:clamp(80px,12vw,160px);line-height:.8;font-weight:800;background:linear-gradient(180deg,#FFC274,#F26B0F);-webkit-background-clip:text;background-clip:text;color:transparent}
/* GITA */
.hx-gita{text-align:center;background:radial-gradient(700px 400px at 50% 110%,rgba(255,170,74,.35),transparent 70%),linear-gradient(180deg,#0E0B26,#1D1847);color:#fff;padding-bottom:46px}
.hx-gita .crumbs{justify-content:center;color:rgba(255,255,255,.7)}
.gita-no{display:inline-block;margin-top:6px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:13px;color:#FFC274;padding:6px 14px;border:1px solid rgba(255,194,116,.4);border-radius:999px}
.gsa{font-family:"Tiro Devanagari Sanskrit",serif!important;font-weight:400!important;font-size:clamp(34px,5.4vw,64px)!important;color:#FFE0A3;margin:14px auto 6px!important}
.gtitle{font-size:clamp(17px,2vw,21px);color:rgba(255,255,255,.88);margin:0}
.gcount{color:rgba(255,255,255,.6);font-weight:700;margin:6px 0 0}
.hx-gita .lede{color:rgba(255,255,255,.85);margin:12px auto 0}
.gbar{margin:22px auto 0;grid-template-columns:repeat(18,minmax(0,1fr))!important;max-width:620px}
.gbar a{color:rgba(255,255,255,.55)}.gbar i{background:rgba(255,255,255,.18)}.gbar a.on span{color:#FFC274}
.gita-body{max-width:860px;padding-top:34px;padding-bottom:80px}
.spk{margin:28px 0 8px;font-weight:800;color:#D9480F;font-size:14px;letter-spacing:.06em;text-transform:uppercase}
html[lang="hi"] .spk{letter-spacing:0;font-size:15px}
.spk span{font-family:"Tiro Devanagari Sanskrit",serif;text-transform:none;letter-spacing:0;color:#9A5A2E;font-weight:400;margin-left:6px}
.shloka{position:relative;padding:20px 20px 18px 20px;margin:0 0 12px;border-radius:20px;background:var(--card);border:1px solid var(--line);scroll-margin-top:90px}
.shloka.key{background:linear-gradient(160deg,#FFF6EA,#FFE8CC);border-color:#FFC274;box-shadow:0 12px 26px rgba(242,107,15,.14)}
.shloka:target{outline:3px solid #FF9636}
.sno{position:absolute;right:16px;top:14px;font-weight:800;font-size:13px;color:#D9480F;text-decoration:none;padding:3px 9px;border-radius:999px;background:var(--sand-2)}
.sk{font-family:"Tiro Devanagari Sanskrit",serif;font-size:clamp(20px,2.4vw,24px);line-height:1.7;color:#4A1E08;margin:0 0 8px;padding-right:56px}
:root[data-theme="dark"] .sk{color:#FFE0A3}
.iast{font-style:italic;color:var(--muted);font-size:15px;line-height:1.6;margin:0 0 10px}
.mean{margin:0;font-size:17px;line-height:1.65;color:var(--ink-2);padding-top:10px;border-top:1px dashed var(--line)}
html[lang="hi"] .mean{font-size:18px}
.mean.pending{color:var(--muted);font-style:italic;font-size:14px}
.gch{list-style:none;margin:0 0 30px;padding:0;display:grid;gap:10px;grid-template-columns:minmax(0,1fr)}
@media (min-width:760px){.gch{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gch a{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:14px;border-radius:16px;background:var(--card);border:1px solid var(--line);text-decoration:none;color:var(--text)}
.gch a:hover{border-color:#FF9636}
.gch .sa{display:block;font-family:"Tiro Devanagari Sanskrit",serif;color:#9A5A2E;font-size:17px}.gch b{font-size:16px;line-height:1.25}.gch small{display:block;color:var(--muted);font-weight:700}

.nav a,.nav-more summary{white-space:nowrap}
@media (min-width:1100px) and (max-width:1279px){.nav a{padding:8px 7px;font-size:14px}}

a.char{display:block;text-decoration:none;color:var(--text);transition:border-color .2s,transform .2s}
a.char:hover{border-color:#FF9636;transform:translateY(-2px)}
.char-img{display:block;width:64px;height:80px;float:right;margin:0 0 8px 12px;border-radius:32px 32px 8px 8px;overflow:hidden}
.char-img img{width:100%;height:100%;object-fit:cover}
.arch-sa{display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#FFE8C8,#FFC274)}
.arch-sa span{font-family:"Tiro Devanagari Sanskrit",serif;font-size:clamp(48px,7vw,90px);color:#7A2E0E;text-align:center;padding:20px;line-height:1.2}

/* ===================== TAMRAPATRA + TULANA ===================== */
.hx-copper{background:radial-gradient(800px 500px at 90% 20%,rgba(217,154,91,.45),transparent 70%),linear-gradient(160deg,#3A1A08,#5C2A0E);color:#FBEBD6}
.hx-copper .lede,.hx-copper .crumbs{color:rgba(251,235,214,.85)}.hx-copper .hx-count span{color:rgba(251,235,214,.7)}
.hx-copper .hx-count b{background:linear-gradient(180deg,#F2C27A,#B87333);-webkit-background-clip:text;background-clip:text}
.tp-fan{position:relative;height:420px}
.tp-fan img{position:absolute;left:50%;top:10px;width:290px;border-radius:18px;box-shadow:0 24px 40px rgba(0,0,0,.45);transform:translateX(-50%) rotate(calc((var(--i) - 1) * 9deg)) translateX(calc((var(--i) - 1) * 70px));transform-origin:50% 120%}
@media (max-width:959px){.tp-fan{height:300px}.tp-fan img{width:200px}}
.tp-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:760px){.tp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1100px){.tp-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.tp-card{margin:0}
.tp-card img{width:100%;height:auto;border-radius:14px;box-shadow:0 12px 26px rgba(90,40,10,.25);transition:transform .25s}
.tp-card a:hover img{transform:translateY(-4px) rotate(-.6deg)}
.tp-card figcaption{display:flex;flex-direction:column;gap:6px;margin-top:8px;font-weight:700;font-size:14px}
.tp-act{display:flex;gap:6px;flex-wrap:wrap}
.tp-act a,.tp-act button{font:700 12.5px Mukta;padding:6px 10px;border-radius:999px;border:1px solid #E6C9A4;background:#FFF6EA;color:#7A2E0E;text-decoration:none;cursor:pointer}
.tp-act a:hover,.tp-act button:hover{background:var(--bhagwa);border-color:transparent}
.tp-ph{display:grid;place-items:center;aspect-ratio:4/5;border-radius:14px;background:linear-gradient(160deg,#d99a5b,#9c5524);color:#2a1206;font-weight:800;text-decoration:none;padding:10px;text-align:center}
.tp-aside img{width:100%;height:auto;border-radius:12px;margin-bottom:10px}
.hx-tulana{text-align:center;background:linear-gradient(90deg,rgba(255,170,74,.25) 0,transparent 30%,transparent 70%,rgba(44,58,140,.22) 100%),var(--bg)}
.hx-tulana .crumbs{justify-content:center}.hx-tulana h1,.hx-tulana .lede{margin-left:auto;margin-right:auto}
.tl-pick{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center;max-width:760px;margin:22px auto 12px}
.tl-pick select{font:700 17px Mukta;padding:13px 14px;border-radius:14px;border:2px solid #FFAA4A;background:var(--card);color:var(--text);min-width:0}
.tl-pick select[data-b]{border-color:#2C3A8C}
.tl-vs{display:grid;place-items:center;position:relative;width:64px;height:64px}
.tl-vs img{position:absolute;inset:0;width:64px;animation:hxSpin 60s linear infinite;opacity:.9}
.tl-vs b{position:relative;font-size:13px;font-weight:800;background:#fff;border-radius:999px;padding:2px 7px;color:#7A2E0E}
.tl-pairs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.tl-span{position:relative;padding:18px 0 4px;margin-bottom:22px}
.tl-axis{display:flex;justify-content:space-between;font-weight:700;color:var(--muted);font-size:13px;border-bottom:2px solid var(--line);padding-bottom:6px;margin-bottom:10px}
.tl-bar{position:relative;height:34px;border-radius:10px;margin:8px 0;display:flex;align-items:center;overflow:hidden;min-width:6px}
.tl-bar b{padding:0 10px;font-size:14px;white-space:nowrap;color:#fff}
.tl-bar.a{background:linear-gradient(90deg,#FF9636,#D9480F)}.tl-bar.b{background:linear-gradient(90deg,#4652B5,#2C3A8C)}
.tl-ov{position:absolute;top:40px;height:84px;border-radius:10px;background:repeating-linear-gradient(45deg,rgba(255,194,61,.35) 0 8px,transparent 8px 16px);outline:2px dashed #FFAA4A;pointer-events:none}
.tl-note{margin:10px 0 0;font-size:16px}
.tl-stats{display:grid;gap:8px;margin-bottom:24px}
.tls{display:grid;grid-template-columns:48px minmax(0,1fr) 170px minmax(0,1fr) 48px;gap:10px;align-items:center}
.tls b{font-weight:800;text-align:center}.tls em{font-style:normal;text-align:center;font-size:13.5px;font-weight:700;color:var(--muted)}
.tls span{height:12px;background:var(--sand-2);border-radius:6px;display:flex;justify-content:flex-end}.tls span.r{justify-content:flex-start}
.tls span i{display:block;height:100%;border-radius:6px;background:#FF9636}.tls span.r i{background:#2C3A8C}
@media (max-width:600px){.tls{grid-template-columns:34px minmax(0,1fr) 92px minmax(0,1fr) 34px;gap:6px}.tls em{font-size:11.5px}}
.tl-h{font-size:clamp(22px,3vw,30px);margin:26px 0 12px}
.tl-shared{display:grid;gap:12px}@media (min-width:900px){.tl-shared{grid-template-columns:repeat(3,minmax(0,1fr))}}
.tl-map{height:360px}
.tl-cols{display:grid;gap:18px;margin-top:26px}@media (min-width:860px){.tl-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tlc{padding:18px;border-radius:22px;background:var(--card);border:1px solid var(--line);border-top:6px solid #D9480F}
.tlc+.tlc{border-top-color:#2C3A8C}
.tlc-card img{width:100%;max-width:300px;display:block;margin:0 auto 12px;border-radius:12px;box-shadow:0 12px 24px rgba(90,40,10,.2)}
.tlc h2{font-size:24px}.tlc h2 a{text-decoration:none}.tlc-dl{color:#D9480F;font-weight:700;margin:2px 0 10px}
.tlc h3{font-size:15px;margin:14px 0 6px;color:var(--muted)}.tlc ul{margin:0;padding-left:18px;font-size:14.5px;display:grid;gap:4px}
.tlc-ru summary{cursor:pointer;font-weight:700;margin-top:10px}.tlc-ru ol{font-size:14px;columns:2;margin-top:6px}

/* ===== sweep fixes (29 Oct) ===== */
h1,h2,h3,.bookc-sa,.bookc b,.tile h3,.card-b h3,.row-b h3,.veer-b h3,.espan-row span,.char b,.gift-b h3,.empire-b h3{overflow-wrap:anywhere;hyphens:auto;min-width:0}
.tl li{grid-template-columns:minmax(76px,auto) minmax(0,1fr)}
.tl .y{overflow-wrap:anywhere;max-width:130px}
@media (max-width:600px){.tl li{grid-template-columns:minmax(0,1fr)}.tl .y{max-width:none}}
.parts li>a>div,.parts li>div{min-width:0}
.parts.epic li>a{overflow:hidden}
.prose ul,.prose li,.sources li{overflow-wrap:anywhere}
.tl-vs b{white-space:nowrap}
.espan-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tl-vs{overflow:visible}.tl-vs b{position:relative;z-index:1;max-width:none;overflow:visible}

/* ===== aura on every template (29 Oct) ===== */
.prose > h2.rv,.prose > p.rv{transition-delay:0s}
.shloka.rv{transform:translateY(14px)}
.shloka.key.in{animation:keyGlow 2.4s ease-out .4s 1}
@keyframes keyGlow{0%{box-shadow:0 0 0 0 rgba(255,150,54,.55)}100%{box-shadow:0 12px 26px rgba(242,107,15,.14),0 0 0 14px rgba(255,150,54,0)}}
.sk{transition:color .3s}.shloka:hover .sk{color:#9A3412}
.leaf{animation:leafFloat 7s ease-in-out infinite}
@keyframes leafFloat{0%,100%{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-6px) rotate(.4deg)}}
.arch,.plinth img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.arch:hover{transform:translateY(-4px)}
.char,.parts.epic li>a,.gch a,.tirtha,.stream,.pillar,.sci,.symbol,.month,.book{transition:transform .25s,box-shadow .25s,border-color .25s}
.char:hover,.gch a:hover,.tirtha:hover,.sci:hover,.symbol:hover,.month:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(242,107,15,.16)}
.pillar:hover,.stream:hover{transform:translateY(-4px)}
.book[open]{box-shadow:inset -6px 0 0 rgba(0,0,0,.12),0 10px 24px rgba(0,0,0,.25)}
/* Tulana: bars grow, overlap fades in on every comparison */
.tl-bar{transform-origin:left;animation:barGrow .9s cubic-bezier(.2,.7,.2,1) both}
.tl-bar.b{animation-delay:.15s}
.tl-ov{animation:fadeIn .6s ease .9s both}
.tls span i{transform-origin:right;animation:barGrow .9s cubic-bezier(.2,.7,.2,1) .2s both}.tls span.r i{transform-origin:left}
@keyframes barGrow{from{transform:scaleX(0)}to{transform:none}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.tlc{animation:fadeUp .7s cubic-bezier(.2,.7,.2,1) both}.tlc+.tlc{animation-delay:.12s}
/* off-screen calendar + long lists stay cheap */
.tl-era,.lib-group,.veer-era{content-visibility:auto;contain-intrinsic-size:auto 900px}
@media (prefers-reduced-motion:reduce){.leaf,.shloka.key.in,.tl-bar,.tl-ov,.tls span i,.tlc{animation:none!important}}

[data-otd] .sec-hd :is(h1,h2) .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
[data-otd] .sec-hd :is(h1,h2) .w>span{display:inline-block;transform:translateY(105%);animation:wordUp .9s cubic-bezier(.2,.75,.15,1) forwards;animation-delay:calc(.1s + var(--wi) * .06s)}
@media (prefers-reduced-motion:reduce){[data-otd] .sec-hd :is(h1,h2) .w>span{animation:none;transform:none}}
.layout{grid-template-columns:minmax(0,1fr)}
@media (min-width:1000px){.layout{grid-template-columns:minmax(0,1fr) 340px}}
.layout>*{min-width:0}
.sk,.iast,.mean,.proof li,.fact-box p,.verse p{overflow-wrap:anywhere}
.rows{grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.rows.two{grid-template-columns:repeat(2,minmax(0,1fr))}}
.row{min-width:0;max-width:100%}.row-b h3,.row-b p{overflow-wrap:anywhere}

.row{overflow:hidden}
.row-y{flex-shrink:1;min-width:0}

/* split headings: paint the gradient on each word, since transformed word layers break the em-level text clip */
.sec-hd :is(h1,h2) em .w>span{background-image:linear-gradient(90deg,#F26B0F,#FF8A1F,#E8590C,#FFA53D);background-size:100% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}

/* ===== Mandir ===== */
.mandir-hero{display:grid;gap:24px;align-items:end}
@media (min-width:1000px){.mandir-hero{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}}
.mh-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.mh-stats span{display:inline-flex;align-items:baseline;gap:8px;padding:9px 16px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);font-weight:600;font-size:14px}
.mh-stats b{font-size:22px;font-weight:800;color:#FFC274}
.hx-bhajan .mh-stats span,.hx-darshan .mh-stats span{color:#fff}
.mh-draw{display:none}
@media (min-width:1000px){.mh-draw{display:block;max-width:440px;justify-self:end;opacity:.95}}
.mh-draw .anat .ln path,.mh-draw .anat .ln ellipse{stroke:#FFE0B0}
.anat{width:100%;height:auto;display:block}
.anat .ln path,.anat .ln ellipse{fill:none;stroke:var(--maroon-3,#7A2E12);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:900;stroke-dashoffset:900}
.anat-fig.in .ln path,.anat-fig.in .ln ellipse{animation:drawIn 3.2s cubic-bezier(.3,.6,.2,1) forwards}
.no-js .anat .ln path,.no-js .anat .ln ellipse{stroke-dashoffset:0}
.anat .ln .dash{stroke-dasharray:4 5;stroke-dashoffset:0;animation:none;opacity:.7}
.anat .ln path:nth-child(3n){animation-delay:.25s}.anat .ln path:nth-child(3n+1){animation-delay:.5s}
@keyframes drawIn{to{stroke-dashoffset:0}}
.anat .glow{animation:diya 3.6s ease-in-out infinite;transform-origin:350px 312px}
.anat .flame{fill:#FF9636}
@keyframes diya{50%{opacity:.6;transform:scale(1.18)}}
.anat .mk{cursor:pointer}
.anat .mk circle{fill:#F26B0F;stroke:#fff;stroke-width:2;transition:transform .25s,fill .25s;transform-box:fill-box;transform-origin:center}
.anat .mk text{fill:#fff;font:800 11px/1 Mukta,sans-serif;text-anchor:middle;pointer-events:none}
.anat .mk.on circle{fill:#7A2E12;transform:scale(1.35)}
.anat-wrap{display:grid;gap:22px}
@media (min-width:900px){.anat-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.anat-fig{position:sticky;top:96px}}
.anat-fig{background:linear-gradient(180deg,#FFF6EA,#FFE7C8);border:1px solid var(--line);border-radius:var(--r,20px);padding:14px}
.anat-list{list-style:none;counter-reset:ap;margin:0;padding:0;display:grid;gap:8px}
.anat-list li{counter-increment:ap;position:relative;padding:12px 14px 12px 52px;border-radius:14px;border:1px solid var(--line);background:var(--card);cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.anat-list li::before{content:counter(ap);position:absolute;left:14px;top:12px;width:26px;height:26px;border-radius:50%;background:#F26B0F;color:#fff;font-weight:800;font-size:13px;display:grid;place-items:center}
.anat-list li.on{border-color:#F26B0F;background:rgba(242,107,15,.08);transform:translateX(4px)}
.anat-list b{font-size:17px}.anat-list p{margin:4px 0 0;font-size:15px;line-height:1.55;color:var(--ink-2)}
.mandir-intro{font-size:clamp(18px,2vw,22px);line-height:1.6;max-width:62ch;margin:0 auto;text-align:center;color:var(--ink-2)}
.mc-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}
.mc-card{position:relative;display:block;border-radius:var(--r,20px);overflow:hidden;aspect-ratio:4/5;color:#fff;text-decoration:none;isolation:isolate;min-width:0}
.mc-card img,.mc-card .ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.mc-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,8,4,0) 30%,rgba(20,8,4,.88));z-index:0}
.mc-card:hover img{transform:scale(1.06)}
.mc-b{position:absolute;inset:auto 0 0 0;padding:18px;z-index:1}
.mc-b h3{margin:0;font-size:21px;line-height:1.2;color:#fff}.mc-b p{margin:6px 0 0;font-size:14px;line-height:1.45;color:#F3E2CF;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mc-card .mc-n{display:inline-grid;position:absolute;top:auto;bottom:calc(100% + 0px);left:18px;right:auto;place-items:center;min-width:44px;height:44px;padding:0 10px;border-radius:999px;background:rgba(255,150,54,.92);color:#2A0F05;font-weight:800;font-size:18px;transform:translateY(-8px)}
.style-card{display:flex;flex-direction:column;border-radius:var(--r,20px);overflow:hidden;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#fff;text-decoration:none;min-width:0}
.style-card img,.style-card .ph{width:100%;aspect-ratio:4/3;object-fit:cover}
.style-card>div{padding:14px 16px 16px}.style-card small{color:#FFC274;font-weight:700;font-size:12.5px;letter-spacing:.04em}
.style-card h3{margin:4px 0 8px;font-size:21px;color:#fff}.style-card ul{margin:0;padding-left:18px;font-size:14px;line-height:1.5;color:#F3E2CF}
.rebuilt{display:grid;gap:16px}
.rb{display:grid;gap:16px;padding:14px;border:1px solid var(--line);border-radius:var(--r,20px);background:var(--card)}
@media (min-width:760px){.rb{grid-template-columns:240px minmax(0,1fr)}}
.rb-img{display:block;border-radius:14px;overflow:hidden;aspect-ratio:4/3}.rb-img img{width:100%;height:100%;object-fit:cover}
.rb h3{margin:2px 0 10px;font-size:22px}.rb h3 a{color:inherit;text-decoration:none}
.rb-line{list-style:none;margin:0;padding:0 0 0 18px;border-left:2px dashed var(--line);display:grid;gap:8px}
.rb-line li{position:relative;font-size:15px;line-height:1.5}
.rb-line li::before{content:"";position:absolute;left:-25px;top:6px;width:12px;height:12px;border-radius:50%;background:#B42318;box-shadow:0 0 0 3px rgba(180,35,24,.18)}
.rb-line li.up::before{background:#F26B0F;box-shadow:0 0 0 3px rgba(242,107,15,.22)}
.rb-line b{display:inline-block;min-width:64px;font-weight:800;color:var(--saffron,#D9480F)}
.name-list{columns:1;gap:24px;padding-left:22px;margin:0}
@media (min-width:700px){.name-list{columns:2}}@media (min-width:1100px){.name-list{columns:3}}
.name-list li{break-inside:avoid;padding:6px 0;border-bottom:1px solid var(--line);font-size:15.5px}
.name-list li span{display:block;font-size:13.5px;color:var(--muted)}.name-list a{color:inherit}
.group-map{height:min(60vh,460px);border-radius:var(--r,20px);overflow:hidden}
.traits{display:grid;gap:8px;padding-left:20px}
.narrow{max-width:820px}

/* ===== Bhajan ===== */
.hx-bhajan{background:radial-gradient(120% 90% at 85% 10%,rgba(255,150,54,.35),transparent 55%),linear-gradient(160deg,#2A0E18 0%,#3B1020 45%,#1C0A12 100%);color:#FBEFE3;padding-bottom:56px}
.hx-bhajan .crumbs,.hx-bhajan .crumbs a{color:#E9C9A8}.hx-bhajan .lede{color:#F1DCC6}
.hx-bhajan h1 em .w>span,.hx-bhajan h1 em{color:#FFC274}
.naada{position:absolute;right:-60px;top:50%;width:440px;height:440px;transform:translateY(-50%);pointer-events:none;opacity:.9}
@media (max-width:760px){.naada{right:-140px;top:30%;opacity:.45}}
.naada i{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(255,194,116,.55);animation:naada 6s cubic-bezier(.2,.6,.3,1) infinite;opacity:0}
.naada i:nth-child(2){animation-delay:1.5s}.naada i:nth-child(3){animation-delay:3s}.naada i:nth-child(4){animation-delay:4.5s}
.naada span{position:absolute;inset:0;display:grid;place-items:center;font:400 120px/1 "Tiro Devanagari Sanskrit",serif;color:#FFC274;text-shadow:0 0 40px rgba(255,150,54,.6)}
@keyframes naada{0%{transform:scale(.25);opacity:.9}100%{transform:scale(1);opacity:0}}
.bh-lines{position:absolute;left:0;right:0;bottom:10px;overflow:hidden;opacity:.28;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}
.bh-lines div{display:flex;gap:48px;width:max-content;animation:bhScroll 90s linear infinite;font:400 17px/1.4 "Tiro Devanagari Sanskrit","Mukta",serif;white-space:nowrap;color:#FFE0B0}
@keyframes bhScroll{to{transform:translateX(-50%)}}
.hx-bh1{padding-bottom:40px}
.bh-by{display:inline-flex;align-items:center;gap:12px;margin-top:8px;color:#fff;text-decoration:none}
.bh-by img,.bh-by .ph{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid #FFC274}
.bh-by span{display:flex;flex-direction:column;font-weight:700}.bh-by small{font-weight:500;color:#E9C9A8}
.bh-deity{display:inline-block;padding:4px 12px;border-radius:999px;font-size:12.5px;font-weight:800;letter-spacing:.04em;background:#FFE2BC;color:#7A2E12}
.d-krishna{background:#DCE6FF;color:#1D3A8A}.d-shiva{background:#E6E3F5;color:#3B2F73}.d-devi{background:#FFD9D6;color:#8A1C12}.d-rama{background:#FFE7C2;color:#7A3A00}.d-hanuman{background:#FFD8B8;color:#8A2E00}.d-nirguna{background:#E8EFE6;color:#2E5130}.d-murugan{background:#FFE0EC;color:#7A1240}.d-vishnu{background:#D9F0F4;color:#0F5560}
.bh-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}
.bh-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:var(--r,20px);background:var(--card);border:1px solid var(--line);color:var(--text);text-decoration:none;min-width:0;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
.bh-card::after{content:"";position:absolute;right:-30px;bottom:-30px;width:110px;height:110px;border-radius:50%;border:1.5px solid rgba(242,107,15,.18);box-shadow:0 0 0 16px rgba(242,107,15,.05),0 0 0 32px rgba(242,107,15,.03)}
.bh-card:hover{transform:translateY(-4px);border-color:#F2A65A;box-shadow:0 18px 40px -22px rgba(122,46,18,.5)}
.bh-card .bh-deity{align-self:flex-start}
.bh-l{margin:4px 0 0;font:400 18px/1.55 "Tiro Devanagari Sanskrit","Mukta",serif;white-space:pre-line;color:var(--ink-2);overflow-wrap:anywhere}
.bh-card h3{margin:auto 0 0;font-size:17px;line-height:1.3}.bh-card small{color:var(--muted);font-size:13.5px}
.saints{grid-auto-columns:min(42vw,180px)}
.saint{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;color:#fff;text-decoration:none;padding:6px}
.saint img,.saint .ph{width:128px;height:128px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,194,116,.7);box-shadow:0 0 0 6px rgba(255,194,116,.12);transition:transform .3s,box-shadow .3s}
.saint:hover img,.saint:hover .ph{transform:scale(1.05);box-shadow:0 0 0 10px rgba(255,194,116,.18)}
.saint b{margin-top:8px;font-size:16px}.saint small{color:#F1DCC6;font-size:13px}.saint span{font-size:12.5px;color:#FFC274;font-weight:700}
.saint-ph{display:grid;place-items:center;background:linear-gradient(160deg,#F26B0F,#7A2E12);color:#fff;font:700 48px/1 "Tiro Devanagari Sanskrit",serif}
.saint-hero{display:grid;gap:22px;align-items:center}
@media (min-width:760px){.saint-hero{grid-template-columns:200px minmax(0,1fr)}}
.saint-big img,.saint-big .ph{width:180px;height:180px;border-radius:50%;object-fit:cover;border:4px solid #FFC274;box-shadow:0 0 0 10px rgba(255,194,116,.14)}
.bh-layout{display:grid;gap:26px}
@media (min-width:1000px){.bh-layout{grid-template-columns:minmax(0,1fr) 320px}}
.bh-layout>*{min-width:0}
.bh-text{border-radius:var(--r,20px);background:linear-gradient(180deg,#FFF8EE,#FFEFD9);border:1px solid #F4D3AA;padding:6px 0 0;overflow:hidden}
.bh-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px 0}
.bh-tabs button{border:0;background:transparent;padding:9px 14px;border-radius:999px;font:700 14px/1 Mukta,sans-serif;color:#7A2E12;cursor:pointer}
.bh-tabs button[aria-selected="true"]{background:#7A2E12;color:#FFF3E2}
.bh-copy{margin-left:auto}
.bh-pane{padding:14px 22px 22px;font:400 clamp(19px,2.1vw,23px)/1.85 "Tiro Devanagari Sanskrit","Mukta",serif;color:#2A0F05;overflow-wrap:anywhere}
.bh-pane[data-pane="r"]{font:italic 400 17.5px/1.75 Mukta,sans-serif}
.bh-pane p{margin:0 0 18px}
.bh-mean p{margin:0 0 14px}
.bh-more{list-style:none;padding:0;margin:0;display:grid;gap:6px}.bh-more a{color:inherit}
:root[data-theme="dark"] .bh-text{background:#241815;border-color:#3A2A24}:root[data-theme="dark"] .bh-pane{color:#F6EDE2}:root[data-theme="dark"] .anat-fig{background:#241815}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .bh-text{background:#241815;border-color:#3A2A24}:root:not([data-theme="light"]) .bh-pane{color:#F6EDE2}:root:not([data-theme="light"]) .bh-tabs button{color:#FFC274}:root:not([data-theme="light"]) .anat-fig{background:#241815}}

/* ===== Darshan ===== */
.hx-darshan{background:#160A06;color:#fff;padding-bottom:56px}
.hx-darshan .crumbs,.hx-darshan .crumbs a{color:#E9C9A8}.hx-darshan .lede{color:#F1DCC6;text-shadow:0 1px 12px rgba(0,0,0,.6)}
.hx-darshan h1{text-shadow:0 2px 24px rgba(0,0,0,.6)}
.hx-darshan .wrap{position:relative;z-index:1}
.ds-mosaic{position:absolute;inset:0;overflow:hidden;opacity:.5;mask-image:linear-gradient(180deg,#000 30%,transparent)}
.ds-mosaic::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,10,6,.92) 0,rgba(22,10,6,.55) 55%,rgba(22,10,6,.25))}
.ds-mosaic div{display:grid;grid-template-rows:repeat(3,150px);grid-auto-flow:column;grid-auto-columns:200px;gap:8px;width:max-content;animation:dsDrift 120s linear infinite}
.ds-mosaic img{width:100%;height:100%;object-fit:cover;border-radius:12px}
@keyframes dsDrift{to{transform:translateX(-50%)}}
.vid-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.vid{margin:0;min-width:0}
.vid figcaption{display:flex;flex-direction:column;gap:3px;padding:10px 2px 0}
.vid figcaption b{font-size:16.5px;line-height:1.3}.vid figcaption small{color:var(--muted);font-size:13px}.vid figcaption span{font-size:14px;color:var(--ink-2);line-height:1.45}
.vid figcaption a{font-weight:700;font-size:14px;color:var(--saffron,#D9480F);text-decoration:none;display:inline-flex;align-items:center;gap:4px}.vid figcaption a svg{width:14px;height:14px}
.yt{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;border-radius:16px;overflow:hidden;background:#000;cursor:pointer}
.yt img{width:100%;height:100%;object-fit:cover;transition:transform .6s,opacity .3s;opacity:.92}
.yt:hover img{transform:scale(1.04);opacity:1}
.yt-play{position:absolute;left:50%;top:50%;width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:50%;display:grid;place-items:center;background:rgba(242,107,15,.92);color:#fff;box-shadow:0 0 0 8px rgba(242,107,15,.25);transition:transform .25s}
.yt:hover .yt-play{transform:scale(1.1)}.yt-play svg{width:30px;height:30px;margin-left:4px}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.gal{columns:2 160px;column-gap:10px}
@media (min-width:900px){.gal{columns:4 220px}}
.gal-i{position:relative;display:block;margin:0 0 10px;break-inside:avoid;border-radius:14px;overflow:hidden;background:var(--sand-2,#f3e3cf)}
.gal-i img{width:100%;height:auto;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.gal-i span{position:absolute;inset:auto 0 0 0;padding:22px 10px 8px;font-size:13px;font-weight:600;color:#fff;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72));opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s}
.gal-i:hover img{transform:scale(1.05)}.gal-i:hover span,.gal-i:focus-visible span{opacity:1;transform:none}
@media (hover:none){.gal-i span{opacity:1;transform:none}}
.gal-i.hidden{display:none}
.lb{width:100vw;height:100svh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(10,4,2,.94);color:#fff}
.lb[open]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;animation:lbIn .25s ease}
@keyframes lbIn{from{opacity:0}}
.lb figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;padding:12px}
.lb img{max-width:100%;max-height:78svh;object-fit:contain;border-radius:10px}
.lb figcaption{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;justify-content:center;text-align:center;font-size:14px}
.lb figcaption b{font-size:17px;width:100%}.lb a{color:#FFC274}.lb-credit{color:#BFAE9F!important;font-size:12.5px}
.lb-link{display:inline-flex;align-items:center;gap:4px;font-weight:700}.lb-link svg{width:14px;height:14px}
.lb-x{position:absolute;top:12px;right:14px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:28px;cursor:pointer;z-index:2}
.lb-nav{width:48px;height:48px;margin:0 6px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;display:grid;place-items:center}.lb-nav svg{width:22px;height:22px}
@media (max-width:600px){.lb[open]{grid-template-columns:minmax(0,1fr)}.lb-nav{position:absolute;bottom:14px}.lb-prev{left:14px}.lb-next{right:14px}}
@media (prefers-reduced-motion:reduce){.anat .ln path,.anat .ln ellipse{animation:none;stroke-dashoffset:0}.naada i,.bh-lines div,.ds-mosaic div,.anat .glow{animation:none}.naada i{opacity:.3}}

/* home: mandir · bhajan · darshan triptych */
.trip{display:grid;gap:14px}
@media (min-width:900px){.trip{grid-template-columns:1.3fr 1fr;grid-template-rows:auto auto}.trip-m{grid-row:span 2}}
.trip-c{position:relative;display:flex;align-items:flex-end;min-height:300px;border-radius:var(--r,20px);overflow:hidden;color:#fff;text-decoration:none;isolation:isolate;min-width:0}
.trip-c>div:last-child{position:relative;z-index:2;padding:22px}
.trip-c h2{margin:6px 0 8px;font-size:clamp(26px,3.2vw,38px);line-height:1.12;color:#fff}.trip-c h2 em{font-style:normal;color:#FFC274}
.trip-c p{margin:0;color:#F3E2CF;max-width:52ch;font-size:15.5px;line-height:1.55}
.trip-c .kicker{color:#FFC274}
.trip-m{min-height:420px}.trip-m>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.trip-m::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(20,8,4,0) 25%,rgba(20,8,4,.9))}
.trip-m:hover>img{transform:scale(1.05)}
.trip-b{background:radial-gradient(90% 90% at 90% 0,rgba(255,150,54,.4),transparent 60%),linear-gradient(160deg,#3B1020,#1C0A12)}
.trip-b .naada{width:300px;height:300px;right:-70px;top:40%}
.trip-b .naada span{font-size:84px}
.trip-b .bh-l{color:#FFE0B0;font-size:18px}
.trip-d{background:#160A06}
.trip-mos{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;opacity:.55;z-index:0}
.trip-mos img{width:100%;height:100%;object-fit:cover;transition:transform 1s}
.trip-d:hover .trip-mos img{transform:scale(1.06)}
.trip-d::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(22,10,6,.1),rgba(22,10,6,.85))}
.name-list small{display:block;font-size:13px;color:var(--muted);line-height:1.45;margin-top:2px}
.name-list li::marker{color:#D9480F;font-weight:800}
.mem-as{display:inline-block;margin-bottom:2px;color:#D9480F!important;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:11.5px}
/* saints + style cards sit on the light (calm) maroon band: dark text */
.saint{color:var(--text)}.saint b{color:var(--text)}
.saint small{color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:170px}
.saint span{color:#B4410C}
.style-card{background:var(--card);border-color:var(--line);color:var(--text);box-shadow:0 14px 34px -24px rgba(122,46,18,.45)}
.style-card h3{color:var(--text)}.style-card ul{color:var(--ink-2)}.style-card small{color:#B4410C}
.style-card img,.style-card .ph{height:auto;aspect-ratio:4/3}.style-card small{line-height:1.4;display:block}.rb-img img,.mc-card img{height:100%}
@media (max-width:600px){.mc-card{aspect-ratio:16/11}.mc-b{padding:14px}.mc-b h3{font-size:19px}}
.facts{margin:0;display:grid;gap:12px}.facts div{display:grid;gap:2px}.facts dt{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#B4410C}.facts dd{margin:0;font-size:15.5px;line-height:1.5}
.mandir-all>.card,.grid.g3>.card{content-visibility:auto;contain-intrinsic-size:auto 360px}