/* Desh Darpan 24 — public CSS (mobile-first, no framework) */
@font-face{font-family:"MuktaH";src:url(../fonts/mukta-700.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--red:#D71920;--red2:#A50F15;--ink:#14171F;--ink2:#3D4351;--mut:#6B7280;--line:#E7E8EC;--bg:#F5F5F7;--card:#fff;--saf:#F59E0B;--k:var(--red);
--hf:"MuktaH","Noto Sans Devanagari","Mukta",system-ui,sans-serif;--bf:"Noto Sans Devanagari","Mukta","Hind",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
[hidden]{display:none!important}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.6 var(--bf);color:var(--ink);background:var(--bg);padding-bottom:64px}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;cursor:pointer}
h1,h2,h3{font-family:var(--hf);font-weight:700;line-height:1.3;margin:0}
.wrap{max-width:1200px;margin:0 auto;padding:0 12px}.narrow{max-width:820px}
.skip{position:absolute;left:-999px;top:0;background:#000;color:#fff;padding:8px 12px;z-index:99}.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--saf);outline-offset:2px}
.ic{flex:none;vertical-align:middle}
/* header */
.hdr{background:#fff;position:sticky;top:0;z-index:30;box-shadow:0 1px 0 var(--line)}
.hdr-top{display:flex;align-items:center;gap:8px;height:56px}
.icbtn{background:none;border:0;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:var(--ink)}.icbtn:hover{background:var(--bg)}
.logo{display:flex;align-items:center;gap:8px;margin-right:auto;min-width:0}
.logo-mark{width:38px;height:38px;flex:none;display:block;border-radius:10px;box-shadow:0 2px 6px rgba(94,7,22,.25)}
.logo-txt{font:700 23px/1 var(--hf);white-space:nowrap;letter-spacing:-.2px;padding-top:4px}.logo-txt b{color:var(--red);font-weight:700}.logo-txt i{font-style:normal;color:var(--ink)}.logo-txt em{font-style:normal;display:inline-block;background:linear-gradient(135deg,#F7C948,#D99A12);color:#5E0716;border-radius:7px;padding:3px 6px 1px;margin-left:2px;font-size:.82em;line-height:1;vertical-align:2px}
.logo-img img{height:40px;width:auto;max-width:100%;display:block}.logo.sm.logo-img img{height:34px}.ftr .logo-img{margin-right:0}.ftr .logo-img img{height:46px}.stv-top .logo-img img{height:30px}
.logo.sm .logo-txt{font-size:20px}.logo.inv .logo-txt b,.logo.inv .logo-txt i{color:#fff}.logo.sm .logo-mark{width:34px;height:34px}
.hdr-date{display:none;color:var(--mut);font-size:13px}
.searchbox{display:flex;gap:8px;padding-bottom:10px}.searchbox[hidden]{display:none}.searchbox input{flex:1;height:42px;border:1px solid var(--line);border-radius:10px;padding:0 12px;font:inherit;min-width:0}
.btn-red{background:var(--red);color:#fff;border:0;border-radius:10px;padding:9px 16px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.btn-red:hover{background:var(--red2)}
.catnav{background:var(--red);background:linear-gradient(180deg,#E21F26,#C3151C)}
.catnav-in{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.catnav-in::-webkit-scrollbar{display:none}
.catnav a{white-space:nowrap;padding:10px 11px 8px;font:700 15px/1.2 var(--hf);color:#fff;border-bottom:3px solid transparent}
.catnav a.on,.catnav a:hover{color:#fff;border-bottom-color:#FFC400;background:rgba(0,0,0,.14)}
.ticker{background:var(--ink);color:#fff}.ticker-in{display:flex;align-items:center;height:38px;gap:10px;overflow:hidden}
.ticker-lbl{background:var(--red);font:700 14px/1 var(--hf);padding:7px 10px 5px;border-radius:6px;display:flex;align-items:center;gap:6px;flex:none}
.live-dot{width:8px;height:8px;border-radius:50%;background:#fff;animation:pulse 1.2s infinite}
@keyframes pulse{50%{opacity:.25}}
.ticker-track{overflow:hidden;flex:1;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.ticker-move{display:flex;gap:40px;white-space:nowrap;width:max-content;animation:tick 40s linear infinite;font-size:14.5px}
.ticker-move a::before{content:"●";color:var(--saf);margin-right:8px;font-size:10px;vertical-align:2px}
.ticker:hover .ticker-move{animation-play-state:paused}
@keyframes tick{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ticker-move{animation:none}.live-dot{animation:none}}
/* drawer */
.drawer{position:fixed;inset:0;z-index:60}.drawer[hidden]{display:none}.drawer-bg{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.drawer-in{position:absolute;left:0;top:0;bottom:0;width:min(88vw,380px);background:#fff;overflow:auto;padding:12px 14px 80px;animation:slin .2s ease}
@keyframes slin{from{transform:translateX(-100%)}}
.drawer-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.drawer-sec h4{margin:14px 0 8px;font:700 14px var(--hf);color:var(--mut)}
.chips{display:flex;flex-wrap:wrap;gap:6px}.chips.scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.chips.scroll::-webkit-scrollbar{display:none}
.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 12px;font-size:14px;white-space:nowrap}.chip:hover{border-color:var(--red);color:var(--red)}
.chip-hot{background:var(--red);border-color:var(--red);color:#fff}.chip-hot:hover{color:#fff}
/* layout */
main{padding-top:12px}
.home-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}.col-main{min-width:0}
.col-side{display:grid;gap:16px;align-content:start}
section{margin-bottom:18px}
.sh{display:flex;align-items:center;justify-content:space-between;margin:4px 0 10px;border-left:4px solid var(--k);padding-left:9px}
.sh h2{font-size:21px;padding-top:3px}.sh a{color:var(--k);font-size:14px;font-weight:600;display:flex;align-items:center;gap:2px}
.box{background:#fff;border-radius:14px;padding:14px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
/* slider */
.slider{position:relative;border-radius:14px;overflow:hidden;background:#000}
.sl-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}.sl-track::-webkit-scrollbar{display:none}
.sl-item{flex:0 0 100%;scroll-snap-align:start;position:relative;aspect-ratio:16/10;color:#fff}
.sl-img{width:100%;height:100%;object-fit:cover}
.sl-cap{position:absolute;left:0;right:0;bottom:0;padding:60px 14px 30px;background:linear-gradient(transparent,rgba(0,0,0,.85))}
.sl-cap h2{font-size:22px;text-shadow:0 1px 3px rgba(0,0,0,.4)}
.sl-dots{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:center;gap:6px}
.sl-dots button{width:8px;height:8px;border-radius:9px;border:0;background:rgba(255,255,255,.5);padding:0;transition:width .2s}.sl-dots button.on{width:22px;background:#fff}
.meta-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:4px;font-size:12.5px}
.kicker{color:var(--k);font-weight:700}.sl-cap .kicker{background:var(--k);color:#fff;padding:2px 8px;border-radius:5px}
.loc{color:var(--mut)}.loc::before{content:"• "}.sl-cap .loc{color:#ddd}
.sample{background:#FEF3C7;color:#92400E;font-weight:700;padding:0 6px;border-radius:4px;font-size:11.5px}
/* cards */
.list{background:#fff;border-radius:14px;padding:0 12px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.cr{border-bottom:1px solid var(--line)}.cr:last-child{border-bottom:0}
.cr a{display:flex;gap:12px;padding:12px 0;align-items:flex-start}
.cr-txt{flex:1;min-width:0}.cr h3{font-size:17px;line-height:1.38;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cr a:hover h3,.cb a:hover h3{color:var(--red)}
.cr time,.cb time{color:var(--mut);font-size:12.5px;display:flex;align-items:center;gap:4px;margin-top:5px}
.cr-img{flex:0 0 118px;position:relative}.cr-img img{width:118px;height:80px;object-fit:cover;border-radius:10px;background:#ddd}
.cb{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.cb-img{position:relative;aspect-ratio:16/9;background:#ddd}.cb-img img{width:100%;height:100%;object-fit:cover}
.cb .meta-row{padding:10px 12px 0}.cb h3{font-size:20px;padding:0 12px}.cb p{margin:6px 12px 0;color:var(--ink2);font-size:15px}.cb time{padding:0 12px 12px}
.playb{position:absolute;left:10px;bottom:10px;width:42px;height:42px;border-radius:50%;background:rgba(200,16,46,.92);color:#fff;display:grid;place-items:center;padding-left:3px}
.playb.sm{width:28px;height:28px;left:6px;bottom:6px}
.blk{display:grid;gap:12px}
.sub-h{font-size:18px;margin:14px 0 8px;display:flex;justify-content:space-between;align-items:center}.sub-h a{font-size:14px;color:var(--red);font-family:var(--bf)}
/* stories */
.st-row{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:4px}.st-row::-webkit-scrollbar{display:none}
.st-card{flex:0 0 132px;aspect-ratio:9/15;position:relative;border:0;padding:0;border-radius:14px;overflow:hidden;scroll-snap-align:start;background:#222;text-align:left;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--red)}
.st-card{margin:4px 2px}.st-card img{width:100%;height:100%;object-fit:cover}
.st-card span{position:absolute;left:0;right:0;bottom:0;padding:40px 8px 9px;color:#fff;font:700 13.5px/1.3 var(--hf);background:linear-gradient(transparent,rgba(0,0,0,.88));display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.st-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.st-grid .st-card{flex:none;width:100%;margin:0}
.stv{position:fixed;inset:0;z-index:80;background:#000;display:flex;align-items:center;justify-content:center}
.stv-in{position:relative;width:min(100vw,calc(100vh*9/16));height:100%;max-height:100vh;overflow:hidden;background:#111}
.stv-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:kb 6s ease-out forwards}
@keyframes kb{from{transform:scale(1.12)}to{transform:scale(1)}}
.stv-bars{position:absolute;top:10px;left:10px;right:10px;display:flex;gap:4px;z-index:3}.stv-bars i{flex:1;height:3px;background:rgba(255,255,255,.35);border-radius:3px;overflow:hidden}.stv-bars i b{display:block;height:100%;width:0;background:#fff}
.stv-bars i.done b{width:100%}.stv-bars i.run b{animation:bar 6s linear forwards}
@keyframes bar{to{width:100%}}
.stv-top{position:absolute;top:20px;left:12px;right:6px;display:flex;align-items:center;justify-content:space-between;z-index:3;color:#fff}.stv-top .logo-txt b,.stv-top .logo-txt i{color:#fff}
.stv-close{background:none;border:0;color:#fff;width:44px;height:44px}
.stv-cap{position:absolute;left:0;right:0;bottom:0;padding:120px 18px 26px;background:linear-gradient(transparent,rgba(0,0,0,.92));color:#fff;z-index:2}
.stv-cap .kicker{background:var(--red);color:#fff;padding:2px 8px;border-radius:5px;font-size:13px}
.stv-cap h2{font-size:25px;margin:10px 0 14px}.stv-cap a{display:inline-flex;gap:6px;align-items:center;background:#fff;color:var(--ink);padding:9px 16px;border-radius:999px;font-weight:700}
.stv-nav{position:absolute;top:70px;bottom:130px;width:40%;z-index:1;background:none;border:0}.stv-prev{left:0}.stv-next{right:0}
/* state picker */
.statebox .state-pick{background:#fff;border-radius:14px;padding:12px;display:grid;gap:10px}
.state-pick.inline{margin:0 0 12px}
.pick-row{display:flex;gap:8px;flex-wrap:wrap}.pick-row select{flex:1 1 130px;height:42px;border:1px solid var(--line);border-radius:10px;padding:0 10px;font:inherit;background:#fff;min-width:0}
/* video grid */
.vgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vcard{background:#111;color:#fff;border-radius:12px;overflow:hidden}.vthumb{position:relative;aspect-ratio:16/9}.vthumb img{width:100%;height:100%;object-fit:cover;opacity:.92}
.vcard h3{font-size:14.5px;padding:8px 10px 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* side widgets */
.trend ol{margin:0;padding:0;list-style:none;counter-reset:t}.trend li{counter-increment:t;display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font:700 15.5px/1.4 var(--hf)}.trend li:last-child{border:0}
.trend li::before{content:counter(t);color:var(--saf);font-size:26px;line-height:1;min-width:22px}.trend a:hover{color:var(--red)}
.mandi table{width:100%;border-collapse:collapse;font-size:14.5px}.mandi th{text-align:left;color:var(--mut);font-weight:600;font-size:12.5px;padding:4px 0}.mandi td{padding:7px 0;border-top:1px solid var(--line)}.mandi td b{color:#15803D}
.note{color:var(--mut);font-size:12px;margin:8px 0 0}
.wx{display:flex;align-items:center;gap:12px;justify-content:space-between}.wx select{height:38px;border:1px solid var(--line);border-radius:9px;padding:0 8px;font:inherit;background:#fff}
.wx-now{text-align:right}.wx-t{font:700 34px/1 var(--hf);color:#0284C7;display:block}.wx-d{font-size:13px;color:var(--mut)}
.wx-days{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px;text-align:center;font-size:12.5px}.wx-days div{background:#F0F9FF;border-radius:9px;padding:6px 2px}.wx-days b{display:block;font-size:15px}
.app-promo{background:linear-gradient(135deg,var(--red),#E8492F);color:#fff}.app-promo p{margin:4px 0 10px}.app-promo .btn-red{background:#fff;color:var(--red)}
/* article */
.art{background:#fff;border-radius:14px;padding:14px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.crumbs{font-size:13px;color:var(--mut);margin-bottom:8px}.crumbs a{color:var(--red)}
.art-h{font-size:26px;line-height:1.32;letter-spacing:-.2px}
.art-sum{font-size:18px;color:var(--ink2);margin:10px 0 0;font-weight:500;border-left:3px solid var(--saf);padding-left:10px}
.art-meta{display:flex;justify-content:space-between;align-items:center;margin:14px 0 10px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.by{display:flex;gap:10px;align-items:center;font-size:13.5px}.by-ic{width:36px;height:36px;border-radius:50%;background:var(--bg);display:grid;place-items:center;color:var(--red)}
.by b{display:block;font-size:14.5px}.by time,.by small{color:var(--mut);display:block}
.share{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 14px}
.share a,.share button{height:38px;min-width:38px;border-radius:999px;border:1px solid var(--line);background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;color:var(--ink2)}
.share .sh-wa{background:#25D366;border-color:#25D366;color:#fff;font-weight:700;padding:0 12px}
.share .sh-fb{color:#1877F2}.share .sh-tg{color:#229ED9}
.art-fig{margin:0 -14px 16px}.art-fig img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#ddd}
.art-fig figcaption{font-size:13px;color:var(--mut);padding:7px 14px 0}.credit{color:var(--ink2);font-weight:600}
.yt{position:relative;margin:0 -14px 16px;aspect-ratio:16/9;background:#000}.yt img{width:100%;height:100%;object-fit:cover;opacity:.85}.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt-play{position:absolute;inset:0;margin:auto;width:72px;height:72px;border-radius:50%;border:0;background:var(--red);color:#fff;display:grid;place-items:center;padding-left:5px;box-shadow:0 4px 18px rgba(0,0,0,.4)}
.art-body{font-size:18px;line-height:1.8;color:#1F2430;overflow-wrap:anywhere}
.art-body p{margin:0 0 16px}.art-body h2{font-size:22px;margin:22px 0 10px}.art-body h3{font-size:19px;margin:18px 0 8px}
.art-body a{color:var(--red);text-decoration:underline}.art-body ul,.art-body ol{padding-left:22px;margin:0 0 16px}.art-body li{margin-bottom:6px}
.art-body blockquote{margin:18px 0;padding:12px 16px;background:#FFF7ED;border-left:4px solid var(--saf);border-radius:0 10px 10px 0;font-weight:500}
.art-body img{border-radius:10px;margin:10px 0;height:auto}.art-body table{width:100%;border-collapse:collapse;font-size:15px}.art-body td,.art-body th{border:1px solid var(--line);padding:6px}
.art-src{font-size:15px;background:var(--bg);padding:10px 12px;border-radius:10px}.art-src a{color:var(--red);text-decoration:underline}
.ai-note{font-size:13.5px;color:#1E40AF;background:#EFF6FF;padding:10px 12px;border-radius:10px}.ai-note a{text-decoration:underline}
.sample-bar{background:#FEF3C7;color:#92400E;padding:9px 12px;border-radius:10px;font-size:14px;font-weight:600;margin-bottom:10px}
.preview-bar{background:#1F2937;color:#fff;padding:9px 12px;border-radius:10px;font-size:14px;margin-bottom:10px}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.tags a{background:var(--bg);border-radius:999px;padding:4px 12px;font-size:14px;color:var(--ink2)}.tags a:hover{color:var(--red)}
.wa-cta{margin-top:10px}.btn-wa{display:flex;justify-content:center;align-items:center;gap:8px;background:#25D366;color:#fff;font-weight:700;border-radius:12px;padding:12px}
.related{margin-top:18px}
.page-h{font-size:24px;margin:2px 0 12px}
.list+.pager,.pager{display:flex;justify-content:space-between;align-items:center;margin:14px 0;font-size:14px}.pager a{background:#fff;border:1px solid var(--line);border-radius:10px;padding:7px 12px;display:flex;align-items:center;gap:4px}
.col-main>.cb{margin-bottom:12px}
.empty{background:#fff;border-radius:14px;padding:30px;text-align:center;color:var(--mut)}
.static .art-body{font-size:16.5px}.gbox{background:var(--bg);border-radius:12px;padding:14px;margin:14px 0}.gbox h2{font-size:19px;margin-bottom:8px}.gbox dl{display:grid;grid-template-columns:110px 1fr;gap:6px 10px;margin:0}.gbox dt{color:var(--mut)}.gbox dd{margin:0;font-weight:600}
.upd{color:var(--mut);font-size:13px}
.nf{text-align:center;background:#fff;border-radius:14px;padding:30px 14px;margin-bottom:18px}.nf b{font:700 64px/1 var(--hf);color:var(--red)}.nf h1{font-size:24px;margin:6px 0}
/* footer */
.ftr{background:#111318;color:#C9CDD6;margin-top:20px;padding:24px 0 10px;font-size:14px}
.ftr-top{display:grid;gap:8px;padding-bottom:16px;border-bottom:1px solid #2A2E38}.ftr-top p{margin:0}
.ftr-social{display:flex;gap:10px}.ftr-social a{width:38px;height:38px;border-radius:50%;background:#22262F;display:grid;place-items:center;color:#fff}
.ftr-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px 0}.ftr-cols h4{color:#fff;margin:0 0 8px;font:700 15px var(--hf)}.ftr-cols a{display:block;padding:3px 0}.ftr-cols a:hover{color:#fff}
.ftr-cols>div:last-child{grid-column:1/-1}
.disclaimer{font-size:12.5px;color:#9AA0AC;border-top:1px solid #2A2E38;padding-top:12px;margin:0}.copy{font-size:12.5px;color:#7D8494}
/* bottom app nav (mobile) */
.bnav{position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom)}
.bnav a,.bnav button{display:flex;flex-direction:column;align-items:center;gap:1px;padding:7px 0 6px;font-size:11.5px;color:var(--mut);background:none;border:0}
.bnav .on{color:var(--red)}
/* tablet/desktop */
@media (min-width:700px){
  .blk{grid-template-columns:1.1fr 1fr;align-items:start}.vgrid{grid-template-columns:repeat(4,1fr)}
  .sl-cap h2{font-size:30px}.art{padding:24px 28px}.art-h{font-size:34px}.art-fig,.yt{margin-left:-28px;margin-right:-28px}.art-fig figcaption{padding-left:28px}
  .ftr-cols{grid-template-columns:1fr 1fr 1fr}.ftr-cols>div:last-child{grid-column:auto}.cr-img{flex-basis:150px}.cr-img img{width:150px;height:96px}
}
@media (min-width:1024px){
  body{padding-bottom:0}.bnav{display:none}
  .hdr-date{display:block}.logo-mark{width:46px;height:46px}.logo-txt{font-size:28px}.hdr-top{height:76px}.hdr .logo-img img{height:54px}
  .catnav-in{justify-content:center}
  .home-grid{grid-template-columns:minmax(0,1fr) 330px;gap:22px}
}

/* ===== motion (v2026-11-01): reveal, image zoom, shimmer, live pill — all off for prefers-reduced-motion ===== */
.live-pill{display:inline-flex;align-items:center;gap:6px;flex:none;font:700 12px/1 var(--hf);letter-spacing:.6px;color:var(--red);border:1.5px solid var(--red);border-radius:999px;padding:5px 9px 4px 8px;background:#fff}
.live-ring{position:relative;width:8px;height:8px;border-radius:50%;background:var(--red);flex:none}
.live-ring::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--red);animation:ring 1.6s ease-out infinite}
@keyframes ring{0%{transform:scale(1);opacity:.7}100%{transform:scale(2.8);opacity:0}}
/* card reveal on scroll (class added by site.js only, so no-JS pages stay visible) */
.anim .rv{opacity:0;transform:translate3d(0,18px,0);transition:opacity .5s ease-out,transform .5s cubic-bezier(.2,.7,.3,1)}
.anim .rv.in{opacity:1;transform:none}
/* image zoom on hover / tap */
.cr-img{overflow:hidden;border-radius:10px}.cb-img,.vthumb{overflow:hidden}
.cr-img img,.cb-img img,.vthumb img,.sl-img{transition:transform .6s cubic-bezier(.2,.7,.3,1);will-change:auto}
.cr a:hover .cr-img img,.cr a:active .cr-img img,.cb a:hover .cb-img img,.cb a:active .cb-img img,.vcard a:hover .vthumb img,.sl-item:hover .sl-img{transform:scale(1.06)}
/* shimmer skeleton while an image loads (site.js marks loaded images .ld) */
.cr-img img,.cb-img img,.vthumb img,.art-fig img,.sl-img,.st-card img{background:#e4e5e9 linear-gradient(100deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.65) 50%,rgba(255,255,255,0) 70%) 0 0/200% 100% no-repeat;animation:shim 1.3s linear infinite}
img.ld{animation:none!important;background:#ddd!important}
@keyframes shim{from{background-position:150% 0}to{background-position:-50% 0}}
/* ticker: smooth GPU scroll */
.ticker-move{will-change:transform}
.ticker-move a{transition:color .2s}.ticker-move a:hover{color:#FFC400}
@media (prefers-reduced-motion:reduce){
  .live-ring::after{animation:none;opacity:0}
  .anim .rv{opacity:1;transform:none;transition:none}
  .cr-img img,.cb-img img,.vthumb img,.sl-img,.art-fig img,.st-card img{animation:none;transition:none}
  .cr a:hover .cr-img img,.cr a:active .cr-img img,.cb a:hover .cb-img img,.cb a:active .cb-img img,.vcard a:hover .vthumb img,.sl-item:hover .sl-img{transform:none}
  .ticker-track{overflow-x:auto}
}

/* ===== "खबर सुनें" listen player (v2026-11-01) ===== */
.listen{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--red);border-radius:12px;padding:10px 12px;margin:0 0 14px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.ls-play{flex:none;width:46px;height:46px;border-radius:50%;border:0;background:var(--red);color:#fff;display:grid;place-items:center;box-shadow:0 3px 10px rgba(215,25,32,.35);transition:transform .15s}
.ls-play:active{transform:scale(.94)}.ls-play .i-pause,.listen.on .ls-play .i-play{display:none}.listen.on .ls-play .i-pause{display:block}
.listen.on .ls-play{animation:lsPulse 1.8s ease-out infinite}
@keyframes lsPulse{0%{box-shadow:0 0 0 0 rgba(215,25,32,.45)}100%{box-shadow:0 0 0 12px rgba(215,25,32,0)}}
.ls-mid{flex:1;min-width:0}.ls-top{display:flex;align-items:center;gap:8px;font-size:15px}.ls-top b{font-family:var(--hf)}
.ls-ai{font-size:11px;font-weight:700;color:#7C3AED;background:#F3E8FF;border-radius:5px;padding:1px 6px}
.ls-time{margin-left:auto;color:var(--mut);font-size:12.5px;font-variant-numeric:tabular-nums}
.ls-bar{height:5px;background:#eceef2;border-radius:9px;margin-top:7px;overflow:hidden;cursor:pointer}.ls-bar i{display:block;height:100%;width:0;background:var(--red);border-radius:9px;transition:width .25s linear}
.ls-rate{flex:none;border:1px solid var(--line);background:#fff;border-radius:8px;padding:5px 8px;font-weight:700;font-size:13px;min-width:52px}
@media (prefers-reduced-motion:reduce){.listen.on .ls-play{animation:none}.ls-bar i{transition:none}}
