/* Vedic Kathas Ramayana: built on the site tokens (vk.css) and core components (vk-core.css). */

/* ---------- home: the two great epics ---------- */
.vkr-epics{padding:48px 0 8px;background:var(--bg)}
.vkr-epicgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.vkr-epic{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:420px;border-radius:var(--r-xl);background:#14183A;color:#FFFFFF;overflow:hidden;isolation:isolate;box-shadow:var(--shadow)}
.vkr-epic.alt{background:#3A1508}
.vkr-epic>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s}
.vkr-epic:hover>img{transform:scale(1.03)}
.vkr-epic .shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,12,30,.25) 0%,rgba(10,12,30,.35) 30%,rgba(10,12,30,.92) 100%)}
.vkr-epic.alt .shade{background:linear-gradient(180deg,rgba(42,15,8,.25) 0%,rgba(42,15,8,.35) 30%,rgba(42,15,8,.94) 100%)}
.vkr-epic .wm{position:absolute;top:18px;right:24px;font:400 80px/1 var(--deva);color:#E9B949;opacity:.22;pointer-events:none}
.vkr-epic.alt .wm{color:#F5B88A}
.vkr-epic-in{display:flex;flex-direction:column;gap:14px;padding:28px}
.vkr-epic-main{display:flex;flex-direction:column;gap:8px;color:#FFFFFF!important;text-decoration:none}
.vkr-epic .eyebrow{color:#E9B949}
.vkr-epic.alt .eyebrow{color:#F5B88A}
.vkr-epic-t{font-size:36px;line-height:1.1;font-weight:800;letter-spacing:-.02em}
.vkr-epic-t [lang=hi]{font:500 24px var(--deva);color:#E9B949;margin-left:6px}
.vkr-epic.alt .vkr-epic-t [lang=hi]{color:#F5B88A}
.vkr-epic-main .s{font-size:15px;line-height:1.6;color:rgba(255,255,255,.88);max-width:520px}
.vkr-epic-links{display:flex;flex-wrap:wrap;gap:8px}
.vkr-epic-links a{display:inline-flex;align-items:center;gap:4px;min-height:40px;padding:0 12px 0 14px;border-radius:999px;background:rgba(10,12,30,.42);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-size:14px;font-weight:600;color:#FFFFFF!important}
.vkr-epic-links a:hover{background:rgba(255,255,255,.16)}
.vkr-epic-links svg{width:15px;height:15px;opacity:.8}
.vkr-epic-cta{align-self:flex-start}
.vkr-epic .eyebrow,.vkr-epic-t,.vkr-epic-main .s{text-shadow:0 1px 2px rgba(0,0,0,.55),0 2px 14px rgba(0,0,0,.35)}
.vk .vkr-epic,.vk .vkr-epic-main,.vk .vkr-epic-t{color:#FFFFFF!important}

/* ---------- hub ---------- */
.vkr-intro{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:40px;align-items:center}
.vkr-statgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
.vkr-statgrid>div{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.vkr-statgrid dt{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.vkr-statgrid dd{margin:0;font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.vkr-statgrid dd a{color:var(--ink)!important}
.vkr-statgrid dd a:hover{color:var(--link)!important}

.vkr-feature{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px 40px;flex-wrap:wrap;padding:28px 32px;border-radius:var(--r-xl);background:var(--night);color:#FFFFFF;overflow:hidden;isolation:isolate}
.vkr-feature .wm{position:absolute;right:28px;bottom:-14px;font:400 96px/1 var(--deva);color:var(--gold);opacity:.1;z-index:-1;pointer-events:none}
.vkr-feature .eyebrow{color:var(--gold)}
.vkr-feature-t{font-size:30px;font-weight:800;letter-spacing:-.02em;color:#FFFFFF!important}
.vkr-feature-t [lang=hi]{font:500 22px var(--deva);color:var(--gold);margin-left:6px}
.vkr-feature .s{margin:0;max-width:560px;font-size:16px;line-height:1.6;color:rgba(255,255,255,.84)}
.vkr-feature-actions{display:flex;flex-direction:column;gap:10px;min-width:240px}
.vkr-feature-actions .btn{justify-content:flex-start}
.vkr-feature-actions .btn[hidden]{display:none}
.vkr-tellmore>summary{margin-top:4px}
.vkr-tellings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.vkr-telling{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.vkr-telling .t{font-size:15px;font-weight:700}
.vkr-telling .h{font-size:14px;color:var(--muted)}
.vkr-telling .s{font-size:13px;color:var(--muted)}
.vkr-telling .pill{flex:none}

.vkr-kgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.vkr-kmeta{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--t-text)}

.vkr-groups{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.vkr-groupcard{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink)!important}
.vkr-groupcard .t{font-size:15px;font-weight:700;line-height:1.3}
.vkr-groupcard .s{font-size:13px;color:var(--muted)}
.vkr-avs{display:flex;padding-left:8px}
.vkr-avs .av{width:36px;height:36px;margin-left:-8px;border-radius:999px;border:2px solid var(--surface);background:var(--t-char-bg);color:var(--t-char);display:inline-flex;align-items:center;justify-content:center;font:500 13px var(--deva)}

.vkr-jteaser{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:32px;align-items:center;padding:32px;border-radius:var(--r-xl);background:var(--night);color:#FFFFFF;position:relative;overflow:hidden;isolation:isolate}
.vkr-jteaser::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(600px 300px at 90% 120%,rgba(233,185,73,.14),transparent 70%),radial-gradient(500px 260px at 0% -20%,rgba(124,139,255,.12),transparent 70%)}
.vkr-jteaser h2{margin:0;font-size:30px;line-height:1.15;font-weight:800;color:#FFFFFF!important}
.vkr-jteaser p{margin:0;font-size:16px;line-height:1.6;color:rgba(255,255,255,.84)}
.vkr-jtrail{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.vkr-jtrail a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#FFFFFF!important}
.vkr-jtrail a:hover{background:rgba(255,255,255,.12)}
.vkr-jtrail .n{width:30px;height:30px;flex:none;border-radius:999px;background:var(--gold);color:#14183A;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center}
.vkr-jtrail .t{font-size:15px;font-weight:700;line-height:1.3}
.vkr-jtrail .s{font-size:13px;color:rgba(255,255,255,.7)}

.vkr-timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;background:var(--surface);overflow:hidden}
.vkr-timeline>li{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px;align-items:center;padding:14px 18px}
.vkr-timeline>li+li{border-top:1px solid var(--line2)}
.vkr-tl-k{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700}
.vkr-tl-k a{color:var(--ink)!important}
.vkr-tl-k a:hover{color:var(--link)!important}
.vkr-tl-items{display:flex;flex-wrap:wrap;gap:8px}
.vkr-kdot{display:inline-block;width:10px;height:10px;flex:none;border-radius:999px;margin-right:8px;vertical-align:middle}
.vkr-tl-k .vkr-kdot{margin-right:0}
.vkr-kn{width:40px;height:40px;flex:none;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800}
.vk-grouphead h2 a{color:var(--ink)!important}
.vk-grouphead h2 a:hover{color:var(--link)!important}
.vkr-storynote{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:-6px 0 4px;padding:0 4px;font-size:14px;color:var(--body)}
.vkr-storynote a{font-weight:700}

.vkr-storygrid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:48px;align-items:start}
.vkr-toc{position:sticky;top:137px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);overflow:hidden}
.vkr-toc .fh{margin:0;padding:14px 16px;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line2)}
.vkr-toc ol{list-style:none;margin:0;padding:6px}
.vkr-toc a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;font-size:15px;font-weight:600;color:var(--ink)!important}
.vkr-toc a:hover{background:var(--sunk)}
.vkr-toc .n{width:26px;height:26px;flex:none;border-radius:8px;background:var(--night);color:var(--gold);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}

.vkr-placecard{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink)!important}
.vkr-placecard .t{font-size:17px;font-weight:700}
.vkr-placecard .s{font-size:13px;color:var(--muted)}
.vkr-placecard .x{font-size:14px;line-height:1.55;color:var(--body)}
.vkr-placecard .g{font-size:13px;font-weight:700;color:var(--t-place)}

/* kanda colour chips (numbers on dark/coloured discs) */
.vkr-kn.k-deity,.vkr-pinn.k-deity{background:var(--t-deity-bg);color:var(--t-deity)}
.vkr-kn.k-fest,.vkr-pinn.k-fest{background:var(--t-fest-bg);color:var(--t-fest)}
.vkr-kn.k-place,.vkr-pinn.k-place{background:var(--t-place-bg);color:var(--t-place)}
.vkr-kn.k-char,.vkr-pinn.k-char{background:var(--t-char-bg);color:var(--t-char)}
.vkr-kn.k-aarti,.vkr-pinn.k-aarti{background:var(--t-aarti-bg);color:var(--t-aarti)}
.vkr-kn.k-story,.vkr-pinn.k-story{background:var(--t-story-bg);color:var(--t-story)}
.vkr-kn.k-text,.vkr-pinn.k-text{background:var(--t-text-bg);color:var(--t-text)}

/* ---------- telling (Valmiki) ---------- */
.vkr-sargacard{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink)!important}
.vkr-sargacard .t{font-size:17px;font-weight:700;line-height:1.3}
.vkr-sargacard .h{font:400 15px var(--deva);color:var(--muted)}
.vkr-sargacard .x{font-size:14px;line-height:1.55;color:var(--body);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.vkr-sample{box-shadow:var(--shadow)}
.vkr-sample-note{margin-left:auto;font-size:13px;font-weight:600;color:var(--muted)}
.vkr-part{display:flex;flex-direction:column;gap:6px}
.vkr-sidehead{margin:0;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}

/* ---------- kanda ---------- */
.vkr-tabn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-right:8px;border-radius:7px;background:var(--sunk);color:var(--muted);font-size:12px;font-weight:800}
.vk-secbar a[aria-current="page"] .vkr-tabn{background:var(--night);color:var(--gold)}
.vkr-sargalist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.vkr-sargalist>li[hidden]{display:none}
.vkr-sitem{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink)!important}
.vkr-sitem:hover{border-color:var(--line3)}
.vkr-sitem .n{width:40px;height:40px;flex:none;border-radius:12px;background:var(--t-text-bg);color:var(--t-text);font-weight:800;display:flex;align-items:center;justify-content:center}
.vkr-sitem .kt{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}
.vkr-sitem .t{font-size:16px;font-weight:700;line-height:1.35}
.vkr-sitem .h{font:400 15px var(--deva);color:var(--muted)}
.vkr-sitem .s{font-size:14px;line-height:1.55;color:var(--body);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vkr-sitem>svg{width:18px;height:18px;flex:none;color:var(--muted);align-self:center}

/* ---------- sarga ---------- */
.vkr-h1hi{margin:0;font:500 22px/1.4 var(--deva);color:var(--link)}
.vkr-sumgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1080px}
.vkr-sumgrid .lead{font-size:17px;max-width:none;color:var(--ink2)}
.vkr-lead-hi{font-family:var(--deva);font-size:18px!important;line-height:1.75!important}
.vkr-inthis{display:flex;align-items:center;gap:12px;min-width:0}
.vkr-inthis-l{flex:none;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.vkr-inthis .chiprow{min-width:0}
.vkr-pchip{padding-left:6px}
.vkr-pchip .av{width:32px;height:32px;margin-left:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--t-char-bg);color:var(--t-char);font:500 12px var(--deva)}
.vkr-pchip .ct{margin-left:2px;font-weight:500}
.vkr-toolbar{position:sticky;top:64px;z-index:40;background:color-mix(in srgb,var(--bg) 95%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.vkr-goto input{width:76px;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font:600 14px var(--sans)}
.vkr-goto input:focus{outline:none;border-color:var(--accent)}
.vkr-reader{display:flex;flex-direction:column;gap:16px;max-width:860px;margin:0 auto;--vkr-size:1}
.vkr-shloka{display:flex;flex-direction:column;gap:12px;padding:22px 24px;border:1px solid var(--line);border-radius:18px;background:var(--surface);scroll-margin-top:200px;position:relative}
.vkr-shloka:target,.vkr-shloka.is-target{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}
.vkr-anchor{position:absolute;top:0;scroll-margin-top:200px}
.vkr-sh-head{display:flex;align-items:center;gap:10px}
.vkr-num{min-width:32px;height:32px;padding:0 9px;border-radius:999px;background:var(--rose-soft);color:var(--rose)!important;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.vkr-shref{font-size:13px;font-weight:600;color:var(--muted)}
.vkr-copy{margin-left:auto;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font:600 13px var(--sans);cursor:pointer;opacity:.75}
.vkr-shloka:hover .vkr-copy,.vkr-copy:focus-visible{opacity:1}
.vkr-copy svg{width:14px;height:14px}
.vkr-reader .vk-dev{font-size:calc(24px * var(--vkr-size));line-height:1.85}
.vkr-reader .vk-tr{font-size:calc(16px * var(--vkr-size))}
.vkr-mean{display:flex;flex-direction:column;gap:4px;padding-top:12px;border-top:1px solid var(--line2)}
.vkr-ml{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.vkr-ml[lang=hi]{letter-spacing:0;text-transform:none;font:700 13px var(--deva)}
.vkr-mean p{margin:0;font-size:calc(16px * var(--vkr-size));line-height:1.7;color:var(--ink2)}
.vkr-mean p[lang=hi]{font-size:calc(17px * var(--vkr-size));line-height:1.8}
.vkr-reader.no-sa [data-part=sa],.vkr-reader.no-iast [data-part=iast],.vkr-reader.no-hi [data-part=hi],.vkr-reader.no-en [data-part=en]{display:none}
.vkr-reader.no-sa.no-iast .vkr-mean{padding-top:0;border-top:0}
.vkr-pending{border-color:var(--accent-line);background:var(--accent-soft)}
.vkr-nextcard{display:flex;align-items:center;gap:16px;margin-top:24px;padding:20px 22px;border-radius:var(--r-lg);background:var(--night);color:#FFFFFF!important}
.vkr-nextcard .eyebrow{color:var(--gold)}
.vkr-nextcard .t{font-size:20px;font-weight:800}
.vkr-nextcard .s{font-size:14px;line-height:1.55;color:rgba(255,255,255,.78)}
.vkr-nextcard>svg{width:22px;height:22px;flex:none;margin-left:auto;color:var(--gold)}
.vkr-copied{position:fixed;left:50%;bottom:88px;transform:translateX(-50%);z-index:90;padding:10px 16px;border-radius:999px;background:var(--ink);color:var(--bg);font-size:14px;font-weight:700;box-shadow:var(--shadow-lg)}

/* ---------- characters and places ---------- */
.vkr-firstbox{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--accent-line);border-radius:16px;background:var(--accent-soft)}
.vkr-firstbox a{font-size:16px;font-weight:700}
.vkr-srow .vkr-ref{min-width:52px;height:32px;padding:0 8px;flex:none;border-radius:10px;background:var(--t-text-bg);color:var(--t-text);font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.vkr-kacc>summary>span{display:inline-flex;align-items:center}
.vkr-kacc>div{padding:0 12px 12px}
.vkr-mapbox{display:flex;flex-direction:column;gap:10px}
.vkr-mapnote{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:14px;line-height:1.5;color:var(--body)}

/* ---------- journey map ---------- */
.vkr-legend{flex-wrap:wrap}
.vkr-jgrid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px;align-items:start}
.vkr-mapwrap{position:sticky;top:137px;display:flex;flex-direction:column;gap:8px}
.vkr-map{height:620px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--sunk);overflow:hidden;z-index:0}
.vkr-map-sm{height:320px}
.vkr-mapcap{margin:0;font-size:13px;line-height:1.5}
.vkr-stops{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.vkr-stop{border:1px solid var(--line);border-radius:16px;background:var(--surface);scroll-margin-top:150px;transition:border-color .15s,box-shadow .15s}
.vkr-stop.on{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}
.vkr-stop[hidden]{display:none}
.vkr-stop-btn{appearance:none;display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:0;background:none;text-align:left;color:var(--ink);cursor:pointer}
.vkr-stop-btn .t{font-size:16px;font-weight:700;line-height:1.3}
.vkr-stop-btn .s{font-size:13px;color:var(--muted)}
.vkr-stop-btn>svg{width:18px;height:18px;flex:none;color:var(--muted);transition:transform .15s}
.vkr-stop.on .vkr-stop-btn>svg{transform:rotate(180deg)}
.vkr-pinn{width:32px;height:32px;flex:none;border-radius:999px;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.vkr-stop-body{display:flex;flex-direction:column;gap:12px;padding:0 16px 16px 58px}
.vkr-js .vkr-stop:not(.on) .vkr-stop-body{display:none}
.vkr-stop-body>p{margin:0;font-size:15px;line-height:1.65;color:var(--ink2)}
.vkr-jsh{padding:16px 18px;gap:8px}
.vkr-jsh .sa{font-size:18px}
.vkr-jsh p{font-size:14px}
.vkr-stop-links{display:flex;flex-wrap:wrap;gap:4px 16px}
.vkr-marker{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;border:2px solid #FFFFFF;box-shadow:0 2px 8px rgba(0,0,0,.35);font:800 12px var(--sans);cursor:pointer}
.vkr-marker.on{transform:scale(1.25);border-color:var(--gold)}
.vkr-marker.k-deity{background:#C2410C;color:#fff}.vkr-marker.k-fest{background:#B45309;color:#fff}.vkr-marker.k-place{background:#166534;color:#fff}.vkr-marker.k-char{background:#6B21A8;color:#fff}.vkr-marker.k-aarti{background:#9F1239;color:#fff}.vkr-marker.k-story{background:#3730A3;color:#fff}.vkr-marker.k-text{background:#115E59;color:#fff}
.vkr-marker.dim{opacity:.25}
.vkr-map-dark .leaflet-tile-pane{filter:invert(1) hue-rotate(180deg) brightness(.9) contrast(.9)}
.vkr-dot{display:block;width:14px;height:14px;border-radius:999px;background:#166534;border:2px solid #FFFFFF;box-shadow:0 1px 6px rgba(0,0,0,.35)}
.vk .leaflet-container{font-family:var(--sans)}
.vk .leaflet-popup-content-wrapper{border-radius:14px}
.vk .leaflet-popup-content{margin:12px 14px;font-size:14px}
.vk .leaflet-popup-content a{font-weight:700}

/* ---------- responsive ---------- */
.vkr-hide-s{display:inline}
@media (max-width:1023px){
  .vkr-epicgrid,.vkr-intro,.vkr-jteaser,.vkr-jgrid,.vkr-storygrid{grid-template-columns:1fr}
  .vkr-groups{grid-template-columns:repeat(3,minmax(0,1fr))}
  .vkr-tellings{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vkr-mapwrap,.vkr-toc{position:static}
  .vkr-map{height:440px}
  .vkr-timeline>li{grid-template-columns:1fr;gap:10px}
}
@media (max-width:767px){
  .vkr-epics{padding:32px 0 0}
  .vkr-epic{min-height:360px;border-radius:20px}
  .vkr-epic-in{padding:20px;gap:12px}
  .vkr-epic-t{font-size:28px}
  .vkr-epic-t [lang=hi]{font-size:19px}
  .vkr-epic .wm{font-size:52px}
  .vkr-epic-links a{min-height:36px;font-size:13px}
  .vkr-statgrid dd{font-size:20px}
  .vkr-feature{padding:22px 20px}
  .vkr-feature-t{font-size:24px}
  .vkr-feature-actions{min-width:0;width:100%}
  .vkr-tellings,.vkr-kgrid,.vkr-jtrail{grid-template-columns:1fr}
  .vkr-groups{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vkr-jteaser{padding:22px 20px}
  .vkr-jteaser h2{font-size:24px}
  .vkr-sumgrid{grid-template-columns:1fr;gap:12px}
  .vkr-inthis{flex-direction:column;align-items:flex-start;gap:8px}
  .vkr-inthis .chiprow{width:100%}
  .vkr-toolbar{top:56px}
  .vkr-goto{display:none}
  .vkr-shloka{padding:16px;gap:10px;border-radius:16px}
  .vkr-copy span{display:none}
  .vkr-copy{opacity:1;width:34px;padding:0;justify-content:center}
  .vkr-reader .vk-dev{font-size:calc(21px * var(--vkr-size))}
  .vkr-h1hi{font-size:18px}
  .vkr-map{height:360px}
  .vkr-map-sm{height:240px}
  .vkr-stop-body{padding:0 14px 14px}
  .vkr-hide-s{display:none}
  .vkr-nextcard .t{font-size:17px}
}


/* ---------- kanda: sarga grid ---------- */
.vkr-sgrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.vkr-sgrid>li{display:flex}
.vkr-sgrid>li[hidden]{display:none}
.vkr-scard{flex:1;display:flex;flex-direction:column;gap:6px;padding:16px 16px 14px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink)!important;text-decoration:none!important;transition:border-color .15s,transform .15s,box-shadow .15s}
.vkr-scard *{text-decoration:none!important}
.vkr-scard:hover{border-color:var(--line3);transform:translateY(-2px);box-shadow:var(--shadow)}
.vkr-scard:focus-visible{outline:2px solid var(--t-text);outline-offset:2px}
.vkr-scard-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}
.vkr-scard .no{display:inline-flex;align-items:baseline;gap:6px;padding:4px 10px;border-radius:999px;background:var(--t-text-bg);color:var(--t-text)}
.vkr-scard .no .lbl{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.vkr-scard .no .num{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}
.vkr-scard .vv{font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap}
.vkr-scard .t{font-size:16px;font-weight:700;line-height:1.35;color:var(--ink)}
.vkr-scard .h{font:400 14px/1.5 var(--deva);color:var(--muted)}
.vkr-scard .s{font-size:14px;line-height:1.55;color:var(--body);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.vkr-scard-cast{display:flex;align-items:center;margin-top:auto;padding-top:10px}
.vkr-scard-cast .av{width:26px;height:26px;margin-right:-6px;border-radius:50%;border:2px solid var(--surface);background:var(--sunk);color:var(--ink);font:600 11px/22px var(--deva);text-align:center}
.vkr-scard-cast .more{margin-left:12px;font-size:12px;font-weight:700;color:var(--muted)}
@media (max-width:560px){.vkr-sgrid{grid-template-columns:1fr;gap:10px}.vkr-scard .s{-webkit-line-clamp:2}}

/* ---------- kanda tabs: scrollable with edge fades and arrows ---------- */
.vk-tabbarx .wrap{position:relative}
.vk-tabbarx .vk-tablist{overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.vk-tabbarx .vk-tablist::-webkit-scrollbar{display:none}
.vk-tabbarx .vk-tablist>a{scroll-snap-align:center;white-space:nowrap;flex:none}
.vkr-tabarrow{position:absolute;top:50%;z-index:2;width:34px;height:34px;margin-top:-17px;display:none;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink);box-shadow:var(--shadow);cursor:pointer}
.vkr-tabarrow svg{width:16px;height:16px}
.vkr-tabarrow.l{left:4px}.vkr-tabarrow.r{right:4px}
.vk-tabbarx.can-l .vkr-tabarrow.l,.vk-tabbarx.can-r .vkr-tabarrow.r{display:inline-flex}
.vk-tabbarx.can-l .vk-tablist{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 56px);mask-image:linear-gradient(90deg,transparent 0,#000 56px)}
.vk-tabbarx.can-r .vk-tablist{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent 100%)}
.vk-tabbarx.can-l.can-r .vk-tablist{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 56px,#000 calc(100% - 56px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 56px,#000 calc(100% - 56px),transparent 100%)}
@media (hover:none){.vkr-tabarrow{display:none!important}}


/* ---------- 2026-10 tidy-up: cleaner image overlays, compact actions, mobile journey legend, quiet map credits ---------- */
.vkr-epic .wm,.vkr-feature .wm{display:none}
.vkr-epic{min-height:400px}
.vkr-epic .shade{background:linear-gradient(180deg,rgba(10,12,30,0) 0%,rgba(10,12,30,.08) 38%,rgba(10,12,30,.9) 100%)}
.vkr-epic.alt .shade{background:linear-gradient(180deg,rgba(42,15,8,0) 0%,rgba(42,15,8,.08) 38%,rgba(42,15,8,.92) 100%)}
.vkr-epic-in{gap:10px;padding:22px 24px}
.vkr-epic .eyebrow,.vkr-feature .eyebrow{align-self:flex-start;display:inline-block;width:auto;padding:4px 10px;border-radius:999px;background:#C98A12;color:#FFFFFF!important;font-size:11px;line-height:1.3;letter-spacing:.08em;text-shadow:none}
.vkr-epic.alt .eyebrow{background:#B4532A}
.vkr-epic-t{font-size:32px}
.vkr-epic-main{gap:6px}
.vkr-epic-main .s{font-size:13.5px;line-height:1.45;max-width:560px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
.vkr-epic .vk-pills{gap:6px}
.vkr-epic .vk-pills .pill{font-size:12px;min-height:24px;padding:0 9px}
.vkr-epic-acts{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.vkr-epic-acts::-webkit-scrollbar{display:none}
.vkr-epic-links{display:flex;flex-wrap:nowrap;gap:6px;flex:none}
.vkr-epic-links a,.vkr-epic-cta{flex:none;display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:0 12px;border-radius:999px;font-size:12.5px;font-weight:600;white-space:nowrap;text-decoration:none}
.vkr-epic-cta{align-self:auto;background:#E9B949;border:1px solid #E9B949;color:#14183A!important;font-weight:700}
.vkr-epic-cta:hover{background:#F2C960}
.vkr-epic-cta svg{width:14px;height:14px}
.vkr-short{display:none}
.vk .leaflet-control-attribution{font-size:9px!important;line-height:1.35!important;padding:0 5px!important;background:rgba(255,255,255,.5)!important;color:#777!important;opacity:.8}
.vk .leaflet-control-attribution a{color:inherit!important;font-weight:400!important}
@media (max-width:767px){
  .vkr-epic-in{padding:18px}
  .vkr-epic-t{font-size:28px}
  .vkr-legend{gap:6px}
  .vkr-legend .chip{min-height:28px;padding:0 10px;font-size:12px;gap:5px}
  .vkr-legend .chip .dot{width:7px;height:7px}
  .vkr-legend .vkr-full{display:none}
  .vkr-legend .vkr-short{display:inline}
}

.vkr-epic-links a,.vkr-epic-cta{padding:0 10px;font-size:12px;gap:4px}
.vkr-epic-acts{gap:5px}
.vkr-epic-links{gap:5px}

/* sarga toggles: centre Devanagari labels against the eye icon */
.vk-tg [lang=hi]{position:relative;top:.25em}
.vk-tg [lang=sa]{position:relative;top:.15em}
/* Valmiki feature: text left, buttons right, always (also when "Continue reading" appears) */
.vkr-feature{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:24px 40px}
.vkr-feature-actions{min-width:0;width:100%}
.vkr-feature-actions .btn{max-width:100%;min-width:0;overflow:hidden}
.vkr-feature-actions .btn span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
@media (max-width:767px){.vkr-feature{grid-template-columns:1fr}}