/* Brand red: deeper than the design's pure #FF0000 (better contrast with white text, no neon glow) */
:root{--brand:#d0121b;--brand-dark:#a80f16;--brand-tint:#fdeced}
/* Components shared by every page (loaded from _shared/head.php) */
.empty-box{max-width:560px;margin:32px auto;padding:32px 24px;text-align:center;border:1px dashed rgba(36,39,44,.25);border-radius:12px;background:#fafafa}
.empty-title{font-size:var(--fs-h3);font-weight:600;margin:0 0 8px;color:#24272c}
.empty-box .t-hint{margin:0 0 16px;color:#6b7280}
.empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.empty-link{display:inline-block;padding:8px 18px;border-radius:999px;background:var(--brand);color:#fff;font-size:var(--fs-sm)}
.empty-link:nth-child(2){background:#fff;color:var(--brand);border:1px solid var(--brand)}
.empty-link:hover{opacity:.9}

/* Ad slots (rendered by App\Web\Support\AdManager).
   Pending = collapsed (taken out of flow, clipped) so nothing shows until Google renders a creative: .ad-ready expands it,
   .ad-empty removes it. .ad-reserve keeps the height while loading; debug placeholders are .ad-ready from the start. */
.ad-slot{display:block;margin:16px auto;text-align:center;clear:both;list-style:none;width:100%;position:relative}
.ad-slot:not(.ad-ready):not(.ad-reserve){position:absolute;height:0;margin:0;overflow:hidden;pointer-events:none}
.ad-slot.ad-empty{display:none}
.ad-label{display:block;font-size:var(--fs-xs);letter-spacing:.08em;color:#8a8f98;margin-bottom:4px}
.ad-box{display:flex;justify-content:center;align-items:center;margin:0 auto;overflow:hidden}
.ad-sticky.ad-ready{position:sticky;top:90px}
.ad-debug{border:1px dashed #b6bcc8;background:repeating-linear-gradient(45deg,#f5f6f8,#f5f6f8 10px,#eceef2 10px,#eceef2 20px);color:#6b7280;font-size:var(--fs-meta)}
.ad-top,.ad-bottom{margin-block:12px}
.ad-side_1,.ad-side_2{margin-inline:0}

/* Popular-tags widget (home + listing sidebars, desktop and mobile). Standalone: does not use the design's tab-row styles. */
.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none}
.tag-list li{display:block;margin:0;padding:0;min-width:0;height:auto;background:none;line-height:1}
.tag-list a{display:inline-block;padding:6px 14px;border:1px solid rgba(36,39,44,.18);border-radius:999px;background:#fff;color:#24272c;font-size:var(--fs-meta);line-height:var(--lh-normal);white-space:nowrap;transition:border-color .15s,color .15s}
.tag-list a:hover{border-color:var(--brand);color:var(--brand)}

/* Home widgets added from the design: city grid fallback + city select */
.city-news-list .card-image.city-noimg{display:block;width:224px;height:102px;background:linear-gradient(135deg,#243b55,#141e30)}

/* ---- Desktop header (top bar + main nav), modelled on the design, tuned for Hindi ---- */
.hdr-top{background:#fff;border-top:3px solid var(--brand);border-bottom:1px solid rgba(36,39,44,.1)}
.hdr-top-row{display:flex;align-items:center;justify-content:space-between;height:40px;font-size:var(--fs-meta);color:#4b5563}
.hdr-date{display:flex;align-items:center;gap:8px;min-width:0}
.hdr-date i{color:var(--brand);font-size:var(--fs-sm)}
.hdr-sep{width:1px;height:14px;background:rgba(36,39,44,.2)}
.hdr-tag{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#6b7280}
.hdr-tools{display:flex;align-items:center;gap:8px}
.hdr-search{display:flex;align-items:center;height:28px;margin-right:6px;border:1px solid rgba(36,39,44,.16);border-radius:999px;background:#f4f6f9;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.hdr-search:focus-within{border-color:var(--brand);background:#fff;box-shadow:0 0 0 3px rgba(208,18,27,.08)}
.hdr-search input{width:170px;height:100%;padding:0 12px;border:0;background:transparent;font-size:var(--fs-meta);font-family:inherit;color:#24272c;outline:0;transition:width .2s}
.hdr-search input:focus{width:230px}
.hdr-search button{height:100%;padding:0 14px;border:0;background:var(--brand);color:#fff;font-size:var(--fs-meta);font-weight:600;font-family:inherit;cursor:pointer}
.hdr-search button:hover{background:var(--brand-dark)}
.hdr-social{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#f0f2f5;transition:background .15s}
.hdr-social img{opacity:.7;transition:filter .15s,opacity .15s}
.hdr-social:hover{background:var(--brand)}
.hdr-social:hover img{filter:brightness(0) invert(1);opacity:1}
.hdr-rss{margin-left:2px;padding:3px 9px;border:1px solid rgba(36,39,44,.16);border-radius:999px;font-size:var(--fs-xs);font-weight:600;color:#4b5563}
.hdr-rss:hover{border-color:var(--brand);color:var(--brand)}

.site-header{box-shadow:0 1px 0 rgba(36,39,44,.06),0 6px 18px rgba(36,39,44,.05)}
.site-header .navbar > li > a{padding:9px 15px;font-size:var(--fs-h5);font-weight:500;text-transform:none;letter-spacing:0;border-radius:6px;color:#1f2937;transition:background-color .15s,color .15s}
.site-header .navbar > li > a:hover{background:rgba(208,18,27,.08);color:var(--brand)}
.site-header .navbar > li > a.active{background:var(--brand);color:#fff;font-weight:600}
.site-header .navbar > li + li{margin-left:2px}
.site-header .navbar > li ul{border-radius:10px;box-shadow:0 12px 32px rgba(15,23,42,.14);border:1px solid rgba(36,39,44,.08);overflow:hidden}
.site-header .navbar > li ul li a{font-size:var(--fs-sm);padding:10px 18px}
.site-header .navbar > li ul li a:hover{background:#fff4f4;color:var(--brand)}

/* ---- Selected / filled red elements, unified (beat the design CSS, which loads later) ---- */
body .badge,body .badge.badge-danger{background-color:var(--brand);border-radius:4px;letter-spacing:0}
body .btn-solid,body .btn-solid.bg-accent{background:var(--brand);border-radius:6px}
body .btn-solid:hover,body .btn-solid.bg-accent:hover{background:var(--brand-dark);box-shadow:0 4px 10px rgba(168,15,22,.28);color:#fff}
body .btn-view-all.btn-line,body .btn-view-all.btn-line:hover{color:var(--brand)}
.pagination .pg.pg-current{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}
.pagination a.pg:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-tint)}
body .tab-chips > *.active,body .tab-chips > *:hover,body .tab-chips > *[aria-selected=true],body .tab-chips > *.active a,body .tab-chips > *.active span,body .tab-chips > *:hover a,body .tab-chips > *:hover span{color:var(--brand)}
body .tab-chips > *.active{font-weight:600}
.site-header .navbar > li > a.active:hover{background:var(--brand-dark);color:#fff}

/* ---- City picker popup ---- */
.city-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:230px;height:44px;padding:0 18px;border:1px solid rgba(36,39,44,.22);border-radius:999px;background:#fff;color:#4b5563;font-size:var(--fs-sm);font-family:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.city-trigger:hover,.city-trigger:focus-visible{border-color:var(--brand);box-shadow:0 0 0 3px rgba(208,18,27,.1);outline:0}
.city-caret{width:8px;height:8px;border-right:2px solid var(--brand);border-bottom:2px solid var(--brand);transform:rotate(45deg) translateY(-2px)}
html.city-lock{overflow:hidden}
.city-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;transition:opacity .18s}
.city-modal[hidden]{display:none}
.city-modal.is-open{opacity:1}
.city-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(2px)}
.city-panel{position:relative;display:flex;flex-direction:column;width:100%;max-width:720px;max-height:min(640px,calc(100vh - 32px));background:#fff;border-radius:18px;box-shadow:0 24px 64px rgba(15,23,42,.35);overflow:hidden;transform:translateY(12px) scale(.98);transition:transform .18s}
.city-modal.is-open .city-panel{transform:none}
.city-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px 14px}
.city-head h2{margin:0;font-size:var(--fs-h3);line-height:var(--lh-tight);color:#111827}
.city-head p{margin:4px 0 0;font-size:var(--fs-meta);color:#6b7280}
.city-close{flex:none;width:36px;height:36px;border:0;border-radius:50%;background:#f1f3f6;color:#4b5563;font-size:var(--fs-h2);line-height:1;cursor:pointer;transition:background .15s,color .15s}
.city-close:hover{background:var(--brand);color:#fff}
.city-search{padding:0 24px 14px;border-bottom:1px solid rgba(36,39,44,.08)}
.city-search input{width:100%;height:46px;padding:0 18px 0 44px;border:1px solid rgba(36,39,44,.16);border-radius:12px;background:#f7f8fa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 15px 50%;font-size:var(--fs-h5);font-family:inherit;color:#111827;outline:0;transition:border-color .15s,box-shadow .15s,background-color .15s}
.city-search input:focus{border-color:var(--brand);background-color:#fff;box-shadow:0 0 0 3px rgba(208,18,27,.1)}
.city-body{padding:6px 24px 24px;overflow-y:auto;overscroll-behavior:contain}
.city-section{margin-top:18px}
.city-section[hidden]{display:none}
.city-section h3{margin:0 0 10px;font-size:var(--fs-meta);font-weight:600;letter-spacing:.04em;color:#6b7280}
.city-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.city-chips li[hidden]{display:none}
.city-chips a{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid rgba(36,39,44,.16);border-radius:999px;background:#fff;color:#1f2937;font-size:var(--fs-sm);line-height:var(--lh-snug);transition:border-color .15s,background-color .15s,color .15s}
.city-chips a small{font-size:var(--fs-xs);color:#9ca3af}
.city-chips a:hover,.city-chips a:focus-visible{border-color:var(--brand);background:var(--brand-tint);color:var(--brand);outline:0}
#cityPopular .city-chips a{padding:10px 20px;font-weight:500;border-color:rgba(208,18,27,.25);background:#fff8f8}
.city-empty{margin:8px 0 0;padding:18px;border-radius:12px;background:#f7f8fa;color:#6b7280;font-size:var(--fs-sm);text-align:center}
@media (max-width:640px){
  .city-modal{align-items:flex-end;padding:0}
  .city-panel{max-width:none;max-height:88vh;border-radius:20px 20px 0 0;transform:translateY(40px)}
  .city-head,.city-search,.city-body{padding-left:18px;padding-right:18px}
}

.more-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:2px solid var(--brand);padding-bottom:6px}
.more-head h2{margin:0;font-size:var(--fs-h3)}
.more-all{font-size:var(--fs-meta);color:var(--brand);font-weight:600;white-space:nowrap}
.more-list{list-style:none;margin:0;padding:0}
.more-list li{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #eee;line-height:var(--lh-normal)}
.more-list a{font-weight:600}.more-list a:hover,.more-all:hover{color:var(--brand)}
.more-list span{flex:none}
.more-links h2{font-size:var(--fs-h4);margin:0 0 10px}
.more-chips{display:flex;flex-wrap:wrap;gap:8px}
.more-chips .news-tag{position:static}
@media(max-width:600px){.more-list li{flex-direction:column;gap:2px}.more-head h2{font-size:var(--fs-h4)}}

/* article "more" cards */
.nc-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.nc{background:var(--surface,#fff);border:1px solid #e8e8ee;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s,border-color .18s}
.nc:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(20,20,40,.12);border-color:transparent}
.nc-img{display:block;aspect-ratio:16/9;overflow:hidden;background:#eceef2}
.nc-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.nc:hover .nc-img img{transform:scale(1.05)}
.nc-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;flex:1}
.nc-title{font-weight:700;font-size:var(--fs-h5);line-height:var(--lh-normal);color:inherit;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nc-title:hover{color:var(--brand)}
.nc-meta{margin-top:auto;font-size:var(--fs-meta);color:#8a8fa0;display:flex;gap:8px;align-items:center}
.nc-meta span::before{content:"•";margin-right:8px}
.nr-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px}
.nr{display:flex;gap:12px;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid #eee}
.nr-img{flex:none;width:104px;aspect-ratio:4/3;border-radius:8px;overflow:hidden;background:#eceef2}
.nr-img img{width:100%;height:100%;object-fit:cover}
.nr-body{display:flex;flex-direction:column;gap:6px;min-width:0}
.nr-title{font-weight:600;font-size:var(--fs-sm);line-height:var(--lh-normal);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nr-title:hover{color:var(--brand)}
.more-head{border-bottom:0;position:relative;padding-bottom:10px}
.more-head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--brand) 0 56px,#e8e8ee 56px)}
.more-head h2{padding-left:12px;border-left:4px solid var(--brand);line-height:var(--lh-tight)}
.more-all{border:1px solid #e0e0e8;border-radius:999px;padding:4px 12px}
.more-all:hover{background:var(--brand);color:#fff;border-color:var(--brand)}
.more-links{background:#f7f7fa;border-radius:12px;padding:16px}
.more-chips .news-tag{background:#fff;border:1px solid #e0e0e8;border-radius:999px;padding:6px 14px;font-size:var(--fs-meta)}
.more-chips .news-tag:hover{background:var(--brand);color:#fff;border-color:var(--brand)}
@media(max-width:900px){.nc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.nr-list{grid-template-columns:1fr}}
@media(max-width:480px){.nc-body{padding:10px}.nc-title{font-size:var(--fs-sm)}.nr-img{width:92px}}
@media(max-width:900px){.nc-grid .nc:last-child:nth-child(odd){display:none}}

.hdr-social svg{color:#4b5563}.hdr-social:hover svg{color:#fff}
.nr-title,.nc-title{color:#1f2937}
@media(max-width:700px){
  .hdr-top-row .hdr-tag,.hdr-top-row .hdr-social,.hdr-top-row .hdr-rss{display:none}
  .hdr-search{flex:1;margin:0 0 0 8px}.hdr-search input{width:100%;min-width:0}.hdr-search input:focus{width:100%}
  .hdr-search button{padding:0 12px}
}
@media(max-width:900px){
  .site-header .container>.d-flex{flex-wrap:wrap;justify-content:center}
  .site-header nav{width:100%;margin:6px 0 0;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .site-header .navbar{flex-wrap:nowrap;white-space:nowrap}
  .site-header .navbar>li:last-child ul{right:0;left:auto}
}

.static-page{max-width:820px;padding:24px 16px 48px;margin:0 auto}
.static-page h1{font-size:var(--fs-h1);margin:8px 0 18px}
.static-body{font-size:var(--fs-h4);line-height:var(--lh-prose);color:#24272c}
.static-body h2{font-size:var(--fs-h3);margin:26px 0 8px}
.static-body p,.static-body ul{margin:0 0 14px}.static-body ul{padding-left:22px;list-style:disc}
.static-body a{color:var(--brand);text-decoration:underline}

footer a,footer li{font-size:var(--fs-sm)}
.footer-info{display:flex;flex-wrap:wrap;gap:6px 18px}

/* ================= home page polish ================= */
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.views{display:inline-flex;align-items:center;gap:4px;vertical-align:middle}.views svg{opacity:.8}
.more-all{display:inline-flex;align-items:center;min-height:40px;font-size:var(--fs-sm)}
/* carousel card headlines: the design kit forced 10px/400 on the inner link — news headings need 16px semi-bold */
.card .card-title{margin-bottom:6px}
.card .card-title>*,.card .card-title>a{font-size:var(--fs-body);font-weight:600;font-variation-settings:"wght" 600;line-height:var(--lh-normal);color:#1f2937;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:0}
.card .card-title>a:hover{color:var(--brand)}
.card .card-panel .t-hint{font-size:var(--fs-meta)}
.card .f-10{font-size:var(--fs-meta)}
.card .t-blue-dark,.related-videos .t-blue-dark{color:var(--brand);font-weight:600}
/* lead card: strong gradient, white bold headline, red category pill */
.big-news-card .list-hr li:first-child .related-videos::before{height:180%;background-image:linear-gradient(180deg,transparent,rgba(8,12,28,.92))}
.big-news-card .list-hr li:first-child .related-videos .t-heading{font-weight:700;font-size:var(--fs-h3);line-height:var(--lh-normal);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.55)}
.big-news-card .list-hr li:first-child .related-videos .t-blue-dark{display:inline-block;background:var(--brand);color:#fff;padding:1px 8px;border-radius:4px;font-weight:600}
.big-news-card .list-hr li:first-child .related-videos .t-hint{color:#e5e7eb}
/* hero slider */
.featured-banner .overlay-info::before{height:100%;min-height:200px;background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.72))}
.featured-banner .splide__pagination{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:8px;z-index:5;padding:0;margin:0}
.featured-banner .splide__pagination li{display:block}
.featured-banner .splide__pagination__page{display:block;width:9px;height:9px;border:0;border-radius:50%;background:rgba(255,255,255,.55);padding:0;cursor:pointer}
.featured-banner .splide__pagination__page.is-active{background:#fff;transform:scale(1.25)}
.carousel-card .card-image img[src$="placeholder-news.svg"]{opacity:.35}
/* tabs scroll sideways */
.tab-chips{max-width:100%;overflow-x:auto;flex-wrap:nowrap!important;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.tab-chips::-webkit-scrollbar{display:none}.tab-chips>*{flex:none}
/* state cards / city tiles */
.state-news .overlay-info a{font-size:var(--fs-body);font-weight:700}
/* follow row */
.follow-row{display:flex;gap:10px;flex-wrap:wrap}.follow-box.t-center .follow-row{justify-content:center}
.follow-row .hdr-social{width:36px;height:36px}.follow-row .hdr-social svg{color:#4b5563}.follow-row .hdr-social:hover svg{color:#fff}
/* scroll-to-top */
.scroll-to-top{width:42px!important;height:42px!important;right:16px!important;bottom:18px!important;display:flex!important;align-items:center;justify-content:center;padding:0;box-sizing:border-box}
.scroll-to-top>*{font-size:16px!important;line-height:1!important;width:auto;height:auto;margin:0;padding:0;display:block;transform:rotate(90deg)}
/* hamburger */
.nav-burger{display:none;width:40px;height:40px;border:0;background:transparent;cursor:pointer;padding:9px 8px;margin-left:auto;flex-direction:column;justify-content:space-between}
.nav-burger span{display:block;height:2px;border-radius:2px;background:#1f2937}
.hdr-search-toggle{display:none;width:34px;height:34px;border:0;border-radius:50%;background:#f0f2f5;color:#374151;cursor:pointer;align-items:center;justify-content:center}
@media(max-width:900px){
  html,body{overflow-x:hidden}
  .home-page .container,.static-page{padding-left:12px;padding-right:12px}
  .container .col-2,.container .col-1{float:none!important;width:100%!important;padding-right:0!important}
  .container .col-2>section,.container .col-1>section{margin-bottom:16px}
  .home-page .featured-banner,.home-page .featured-banner .splide__track,.home-page .featured-banner .splide__slide,.home-page .featured-banner .card-image{height:auto!important;min-height:0}
  .home-page .featured-banner .card-image{aspect-ratio:16/10;border-radius:0}
  .home-page .featured-banner .card-image img{width:100%;height:100%;object-fit:cover}
  .featured-banner .overlay-info{padding:0 16px 34px!important}
  .featured-banner .heading-h2{font-size:var(--fs-h3);line-height:var(--lh-snug);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .featured-banner .overlay-info .f-11{font-size:var(--fs-meta)}
  .big-news-card .list-hr li:first-child .car-img{height:200px}
  /* header: hamburger + search icon */
  .nav-burger{display:flex}
  .site-header .container>.d-flex{flex-wrap:wrap;justify-content:space-between}
  .site-header nav{display:none;width:100%;margin:6px 0 10px;overflow:visible}
  .site-header.nav-open nav{display:block}
  .site-header .navbar{flex-direction:column;white-space:normal}
  .site-header .navbar>li>a{display:block;padding:12px 8px}
  .site-header .navbar>li ul{display:block!important;position:static!important;box-shadow:none;border:0;padding-left:14px;opacity:1;visibility:visible}
  .site-header .navbar>li.open>ul,.site-header .navbar>li ul{display:block}
  .site-header .gsm_caret{display:none}
}
@media(max-width:700px){
  .hdr-search-toggle{display:inline-flex}
  .hdr-top-row .hdr-tools{display:flex;align-items:center;gap:6px}
  .hdr-top .hdr-search{display:none}
  .hdr-top.search-open .hdr-top-row{flex-wrap:wrap;height:auto;padding:6px 0}
  .hdr-top.search-open .hdr-search{display:flex;order:3;flex:1 1 100%;margin:6px 0 2px}
  .hdr-top .hdr-top-row .hdr-tag{display:none}
}

.big-news-card .list-hr::after{content:"";display:block;clear:both}
.big-news-card{clear:both}
.big-news-card .list-hr li:first-child .related-videos::before{top:-80px;bottom:0;height:auto}
@media(max-width:900px){
  .big-news-card .list-hr li:first-child{width:100%!important;float:none!important;margin:0 0 12px!important}
  .big-news-card .list-hr li:first-child .car-img{height:210px!important}
  .featured-banner .splide__arrows{display:none}
}
.list-hr .car-img>a{display:block;width:100%;height:100%}
.list-hr .car-img img{display:block;width:100%;height:100%;object-fit:cover}
.big-news-card .list-hr li:first-child{position:relative;display:block;overflow:hidden}
.big-news-card .list-hr li:first-child .related-videos{position:absolute!important;left:0;right:0;bottom:0;top:auto;height:auto!important;transform:none!important;padding:14px 16px 12px;z-index:2}
.big-news-card .list-hr li:first-child .related-videos .t-heading{color:#fff!important}
.big-news-card .list-hr li:first-child .related-videos{background:linear-gradient(180deg,rgba(8,12,28,0),rgba(8,12,28,.92) 60%)!important;padding-top:64px}
.big-news-card .list-hr li:first-child .related-videos::before{display:none}

/* ================= home v2 ================= */
.hero-wrap{margin-top:16px}
.hero-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;align-items:stretch}
.hero-grid .featured-banner{border-radius:12px;overflow:hidden;min-width:0}
.hero-grid .featured-banner .splide__slide,.hero-grid .featured-banner .splide__track{height:420px!important}
.hero-grid .featured-banner .card-image,.hero-grid .featured-banner .card-image a{display:block;height:100%}
.hero-grid .featured-banner .card-image img{width:100%;height:100%;object-fit:cover}
.hero-grid .featured-banner .overlay-info{padding:0 28px 40px!important}
.hero-grid .featured-banner .heading-h2{font-size:var(--fs-h1);line-height:var(--lh-snug);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hero-grid .featured-banner .overlay-info .f-11{font-size:var(--fs-sm)}
.hero-side{background:#fff;border-radius:12px;padding:14px 16px;box-shadow:0 1px 3px rgba(20,20,40,.08);display:flex;flex-direction:column;height:420px;overflow:hidden}
.hero-side-title{font-size:var(--fs-h4);margin:0 0 8px;padding-left:10px;border-left:4px solid var(--brand);line-height:var(--lh-tight)}
.hero-side ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;flex:1;justify-content:space-between}
.hero-side li{display:flex;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid #eef0f3}
.hero-side li:last-child{border-bottom:0}
.hs-img{flex:none;width:96px;height:72px;border-radius:8px;overflow:hidden;background:#eceef2}
.hs-img img{width:100%;height:100%;object-fit:cover;display:block}
.hs-title{font-size:var(--fs-h5);font-weight:600;line-height:var(--lh-normal);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#1f2937}
.hs-title:hover{color:var(--brand)}
.hs-meta{font-size:var(--fs-meta);color:#8a8fa0;margin-top:4px}.hs-meta a{color:var(--brand);font-weight:600}
.home-page .container>.col-2,.home-page .container>.col-1{margin-top:16px}
@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr}
  .hero-grid .featured-banner{border-radius:0}
  .hero-grid .featured-banner .splide__slide,.hero-grid .featured-banner .splide__track{height:auto!important}
  .hero-grid .featured-banner .card-image{aspect-ratio:16/10}
  .hero-grid .featured-banner .heading-h2{font-size:var(--fs-h3)}
  .hero-grid .featured-banner .overlay-info{padding:0 16px 34px!important}
  .hero-side{height:auto}
  .hero-wrap{padding-left:0;padding-right:0}
  .hero-side{border-radius:0}
}

/* ---- fixes: flexible columns, mobile tiles, card images ---- */
.home-page .home-cols{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}
.home-page .home-cols>.col-2,.home-page .home-cols>.col-1{float:none!important;width:auto!important;padding:0!important;min-width:0}
.home-page .home-cols::after{display:none}
.home-page .ad-top{margin:16px auto 0}
.hero-side{height:auto;min-height:420px}
.hero-side ul{justify-content:flex-start}
.hs-title{-webkit-line-clamp:2}
.hs-img{width:84px;height:63px}
.state-news .card-image{position:relative;overflow:hidden;background:linear-gradient(135deg,#1b1f2a,#3a1015)}
.state-news .card-image>a,.state-news .card-image img{display:block;width:100%;height:100%}
.state-news .card-image img{object-fit:cover}
.state-news .card-image img[src$="placeholder-news.svg"]{opacity:.35}
.big-news-card .list-hr li:first-child .car-img{background:linear-gradient(135deg,#1b1f2a,#3a1015)}
.big-news-card .list-hr li:first-child .car-img img[src$="placeholder-news.svg"]{opacity:.35}
@media(max-width:1100px){.home-page .home-cols{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:900px){
  .home-page .home-cols{display:block}
  /* phone: city tiles as a 2-column grid instead of a squeezed swipe row */
  .swipe-slide.city-news-list{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;margin:0;overflow:visible;white-space:normal}
  .swipe-slide.city-news-list>li{margin:0!important;width:auto!important}
  .state-news .swipe-slide>li{width:180px}
  .state-news .swipe-slide .card-image{height:130px}
}

/* hero: full-bleed banner again; "top stories" lives in the sidebar */
.home-page>.featured-banner{margin:0;border-radius:0}
.home-page>.featured-banner .splide__slide,.home-page>.featured-banner .splide__track{height:440px}
.home-page>.featured-banner .card-image,.home-page>.featured-banner .card-image a{display:block;height:100%}
.home-page>.featured-banner .card-image img{width:100%;height:100%;object-fit:cover}
.home-page>.featured-banner .overlay-info{padding:0 100px 56px!important}
.home-page>.featured-banner .heading-h2{font-size:var(--fs-display);line-height:var(--lh-snug);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.col-1 .hero-side{min-height:0;height:auto;box-shadow:none}
.col-1 .hero-side li{align-items:flex-start}
@media(max-width:900px){.home-page>.featured-banner .splide__slide,.home-page>.featured-banner .splide__track{height:auto}.home-page>.featured-banner .card-image{aspect-ratio:16/10}.home-page>.featured-banner .overlay-info{padding:0 16px 34px!important}.home-page>.featured-banner .heading-h2{font-size:var(--fs-h3)}}
.carousel-card .card-image img[src$="placeholder-news.svg"]{object-fit:cover;opacity:.25}

/* city widget: tiles left, picker right (desktop) */

/* ---- "अपने शहर की खबरें": built to the 2025 design (tiles left, finder right) ---- */
.city-row{display:flex;gap:20px;align-items:center;margin-top:4px}
.city-tiles{flex:1 1 auto;min-width:0}
.city-news-list{margin:0 -10px}
.city-news-list li{width:calc(25% - 20px);margin:10px;border-radius:8px;overflow:hidden}
.city-news-list li .card-image,.city-news-list .card-image.city-noimg{display:block;width:100%;height:90px;overflow:hidden;border-radius:0}
.city-news-list li .card-image img{width:100%;height:100%;object-fit:cover;display:block}
.city-news-list .card-panel{position:absolute;inset:0;background:rgba(27,21,21,.82)!important;font-size:var(--fs-h4);font-weight:500;color:var(--brand)}
.city-news-list .card-panel span{color:#fff;font-weight:500;font-size:var(--fs-h4);text-shadow:none}
.city-news-list li:hover .card-panel{background:rgba(27,21,21,.7)!important}
.city-row .city-picker{flex:0 0 320px;margin:0;padding:12px 20px 12px 20px;text-align:center}
.city-row .search-city{display:block;min-width:0;background:none;border:0;padding:0;border-radius:0}
.city-row .search-city img{display:block;width:106px;height:106px;margin:0 auto}
.city-row .search-city>span{display:block;font-size:var(--fs-h4);font-weight:500;margin:10px 0 12px}
.city-row .search-city .input-search{width:100%;margin:0}
.city-row .city-trigger{width:100%;height:48px;border:0;border-radius:11px;background:#f5f5f6;color:rgba(36,39,44,.5);font-size:var(--fs-h5);padding:0 14px;box-shadow:none}
.city-row .city-trigger:hover,.city-row .city-trigger:focus-visible{background:#ededef;box-shadow:none}
.city-row .city-caret{border-color:rgba(36,39,44,.4)}
/* sidebar "top stories": same list style as popular */
.col-1 .hero-side{box-shadow:none}
@media(max-width:1100px){.city-row .city-picker{flex-basis:260px}.city-news-list li{width:calc(33.333% - 20px)}}
@media(max-width:767px){
  .city-row{display:block}
  .city-row .city-picker{flex:none;padding:0 0 8px}
  .city-news-list{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;margin:0;overflow:visible;white-space:normal}
  .city-news-list>li{margin:0!important;width:auto!important}
  .city-news-list li .card-image,.city-news-list .card-image.city-noimg{height:84px}
  .city-news-list .card-panel,.city-news-list .card-panel span{font-size:var(--fs-body)}
}

/* category blocks (desktop): lead card spans exactly the 4 rows on its right */
@media(min-width:901px){
  .big-news-card .list-hr{display:grid;grid-template-columns:58% minmax(0,1fr);column-gap:20px;row-gap:12px;align-items:stretch}
  .big-news-card .list-hr::after{display:none}
  .big-news-card .list-hr li{margin:0!important}
  .big-news-card .list-hr li:first-child{grid-row:1/span 4;width:auto!important;float:none!important;height:100%;display:block}
  .big-news-card .list-hr li:first-child .car-img{height:100%!important;min-height:280px}
  .big-news-card .list-hr li:not(:first-child){display:flex;align-items:center}
}

/* ---- sticky sidebar companion (clock + thought of the day) ---- */
.home-page .home-cols{align-items:stretch}
.home-page .home-cols>.col-1{display:flex;flex-direction:column;gap:20px}
.home-page .home-cols>.col-1>*{margin:0!important}
.side-sticky{position:sticky;top:84px;margin-top:auto!important}
.side-clock{padding:18px 20px 20px;transition:background .25s}
.clock-wrap{display:flex;align-items:center;gap:16px}
.clock{flex:none;filter:drop-shadow(0 6px 14px rgba(20,20,40,.16))}
/* theme tokens: face gradient (cf1/cf2), rim, ticks, numbers, hands, second hand, brand text */
.side-clock{--cf1:#ffffff;--cf2:#eef1f5;--rim:#e5e7eb;--tick:#c3c9d3;--tickb:#1f2937;--num:#1f2937;--hand:#1f2937;--hand2:#374151;--sec:var(--brand);--brandtxt:var(--brand);--pin:#fff}
.side-clock[data-theme="noir"]{--cf1:#2a3140;--cf2:#0f1420;--rim:#374151;--tick:#4b5563;--tickb:#f3f4f6;--num:#f9fafb;--hand:#f9fafb;--hand2:#d1d5db;--sec:#f43f5e;--brandtxt:#fca5a5;--pin:#111827}
.side-clock[data-theme="brand"]{--cf1:#e5323b;--cf2:#8a0b11;--rim:#b40f18;--tick:rgba(255,255,255,.45);--tickb:#fff;--num:#fff;--hand:#fff;--hand2:#ffe4e6;--sec:#ffd166;--brandtxt:#fff;--pin:#8a0b11}
.side-clock[data-theme="gold"]{--cf1:#fff9ea;--cf2:#f1e3bf;--rim:#d4b86a;--tick:#d9c48a;--tickb:#7a5c15;--num:#5c4a12;--hand:#8a6d1f;--hand2:#a8842b;--sec:#b91c1c;--brandtxt:#8a6d1f;--pin:#fff9ea}
.side-clock[data-theme="ocean"]{--cf1:#1e7fc2;--cf2:#0b3d66;--rim:#0b4f82;--tick:#7dd3fc;--tickb:#e0f2fe;--num:#e0f2fe;--hand:#e0f2fe;--hand2:#bae6fd;--sec:#fbbf24;--brandtxt:#bae6fd;--pin:#0b3d66}
.side-clock[data-theme="violet"]{--cf1:#8b5cf6;--cf2:#3b0764;--rim:#5b21b6;--tick:#c4b5fd;--tickb:#f5f3ff;--num:#f5f3ff;--hand:#f5f3ff;--hand2:#ddd6fe;--sec:#fbbf24;--brandtxt:#ddd6fe;--pin:#3b0764}
.side-clock[data-theme="rose"]{--cf1:#f472b6;--cf2:#9d174d;--rim:#be185d;--tick:#fbcfe8;--tickb:#fff1f7;--num:#fff1f7;--hand:#fff1f7;--hand2:#fce7f3;--sec:#fde68a;--brandtxt:#fce7f3;--pin:#9d174d}
.side-clock[data-theme="sunset"]{--cf1:#fb923c;--cf2:#7c2d12;--rim:#c2410c;--tick:#fed7aa;--tickb:#fff7ed;--num:#fff7ed;--hand:#fff7ed;--hand2:#ffedd5;--sec:#1f2937;--brandtxt:#ffedd5;--pin:#7c2d12}
.side-clock[data-theme="forest"]{--cf1:#2f7d4a;--cf2:#0f3d22;--rim:#14532d;--tick:#86efac;--tickb:#dcfce7;--num:#dcfce7;--hand:#dcfce7;--hand2:#bbf7d0;--sec:#fde047;--brandtxt:#bbf7d0;--pin:#0f3d22}
.clock .cf1{stop-color:var(--cf1)}.clock .cf2{stop-color:var(--cf2)}
.clock-rim{fill:var(--rim)}
.tick{stroke:var(--tick);stroke-width:1.5}.tick-big{stroke:var(--tickb);stroke-width:3}
.clock-num{font:700 16px/1 "Google Sans",sans-serif;fill:var(--num);text-anchor:middle}
.clock-brand{font:700 15px/1 "Google Sans",sans-serif;font-variation-settings:"wght" 700;fill:var(--brandtxt);text-anchor:middle;letter-spacing:.2px;paint-order:stroke;stroke:var(--cf2);stroke-width:1.5px;stroke-opacity:.35}
.hand{stroke-linecap:round}
.hand-h{stroke:var(--hand);stroke-width:6}.hand-m{stroke:var(--hand2);stroke-width:4}
.hand-s line{stroke:var(--sec);stroke-width:2.5;stroke-linecap:round}.hand-s circle{fill:var(--sec)}.hand-s .hand-s-tail{fill:var(--sec)}
.clock-pin{fill:var(--sec);stroke:var(--pin);stroke-width:2}
.clock-digital{min-width:0}
.clock-time{font-size:28px;font-weight:700;color:#1f2937;line-height:1.1;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:8px}
.clock-time small{font-size:13px;font-weight:600;color:var(--brand)}
.clock-date{font-size:var(--fs-sm);font-weight:600;color:#374151;margin-top:6px}
.clock-zone{font-size:var(--fs-meta);color:#8a8fa0;margin-top:2px}
.clock-themes{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:14px}
.clock-themes-label{font-size:var(--fs-meta);color:#6b7280;font-weight:600;margin-right:2px}
.clock-swatch{flex:none;width:23px;height:23px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #d1d5db;padding:0;cursor:pointer;background:none;position:relative;transition:transform .15s}
.clock-swatch i{position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,var(--s1),var(--s2))}
.clock-swatch i::after{content:"";position:absolute;left:50%;top:50%;width:2px;height:8px;margin:-8px 0 0 -1px;background:var(--s3);border-radius:2px;transform-origin:bottom center;transform:rotate(40deg)}
.clock-swatch:hover{transform:scale(1.15)}
.clock-swatch[aria-pressed="true"]{box-shadow:0 0 0 2px var(--brand)}
.clock-swatch[data-clock-theme="classic"]{--s1:#fff;--s2:#e5e7eb;--s3:#1f2937}
.clock-swatch[data-clock-theme="noir"]{--s1:#2a3140;--s2:#0f1420;--s3:#f43f5e}
.clock-swatch[data-clock-theme="brand"]{--s1:#e5323b;--s2:#8a0b11;--s3:#ffd166}
.clock-swatch[data-clock-theme="gold"]{--s1:#fff9ea;--s2:#e4cf95;--s3:#8a6d1f}
.clock-swatch[data-clock-theme="ocean"]{--s1:#1e7fc2;--s2:#0b3d66;--s3:#fbbf24}
.clock-swatch[data-clock-theme="forest"]{--s1:#2f7d4a;--s2:#0f3d22;--s3:#fde047}
.clock-swatch[data-clock-theme="violet"]{--s1:#8b5cf6;--s2:#3b0764;--s3:#fbbf24}
.clock-swatch[data-clock-theme="rose"]{--s1:#f472b6;--s2:#9d174d;--s3:#fde68a}
.clock-swatch[data-clock-theme="sunset"]{--s1:#fb923c;--s2:#7c2d12;--s3:#1f2937}
.thought{margin-top:16px;padding:14px 16px;border-radius:10px;background:linear-gradient(135deg,#fff5f5,#f7f7fa);border-left:4px solid var(--brand)}
.thought-label{font-size:var(--fs-meta);font-weight:700;color:var(--brand);letter-spacing:.3px;text-transform:uppercase}
.thought-text{margin:6px 0 0;font-size:var(--fs-h5);line-height:var(--lh-relaxed);color:#1f2937;font-weight:500}
.thought-by{margin-top:6px;font-size:var(--fs-meta);color:#6b7280;text-align:right}
@media(max-width:900px){.side-sticky{position:static}}

/* state cards with a real photo: lighter veil so the landmark shows */
.state-news .card-image img:not([src$="placeholder-news.svg"]){opacity:1}
.state-news .overlay-info::before{height:100%;background-image:linear-gradient(180deg,rgba(8,12,28,0) 45%,rgba(8,12,28,.78))}
.state-news .card-image img:not([src$="placeholder-news.svg"]){opacity:1}
.city-cap{line-height:var(--lh-snug)}.city-sub{font-size:var(--fs-meta);color:#6b7280;line-height:var(--lh-normal);margin-top:4px}
/* ---- no layout shift: carousels get their final geometry BEFORE splide.js runs (CLS / LCP) ---- */
.splide:not(.is-initialized) .splide__track{overflow:hidden}
.splide:not(.is-initialized) .splide__list{display:flex;flex-wrap:nowrap}
.splide:not(.is-initialized) .splide__arrows,.splide:not(.is-initialized) .splide__pagination{visibility:hidden}
/* hero: one full-width slide, fixed height */
.featured-banner:not(.is-initialized) .splide__slide{flex:0 0 100%;width:100%}
.home-page>.featured-banner:not(.is-initialized) .splide__track,.home-page>.featured-banner:not(.is-initialized) .splide__slide{height:440px}
.home-page>.featured-banner:not(.is-initialized) .splide__list{height:440px}
/* card carousels: the same fixed widths splide applies (data-splide fixedWidth / gap) */
.splide.basic:not(.is-initialized) .splide__slide{flex:0 0 260px;width:260px;margin-right:20px}
.state-news .splide:not(.is-initialized) .splide__slide{flex:0 0 155px;width:155px;margin-right:20px}
.video-section:not(.is-initialized) .splide__slide{flex:0 0 285px;width:285px;margin-right:24px}
.splide.basic:not(.is-initialized) .splide__list,.state-news .splide:not(.is-initialized) .splide__list,.video-section:not(.is-initialized) .splide__list{padding-left:20px}
.state-news .splide:not(.is-initialized) .splide__list{padding-left:4px}
/* thumbnails always occupy their box, even before the real image arrives */
.card .image-wrapper img,.list-hr .car-img img,.state-news .card-image img{width:100%;height:100%;object-fit:cover;display:block}
.card .image-wrapper{height:160px}
.state-news .card-image{height:129px}
@media(max-width:900px){
  .home-page>.featured-banner:not(.is-initialized) .splide__track,.home-page>.featured-banner:not(.is-initialized) .splide__slide,.home-page>.featured-banner:not(.is-initialized) .splide__list{height:auto}
  .home-page>.featured-banner:not(.is-initialized) .card-image{aspect-ratio:16/10}
}

/* ---- आज का राशिफल ---- */
.rf-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.rf-date{font-size:var(--fs-meta);color:#8a8fa0;font-weight:600}
.rf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
.rf-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 6px;border:1px solid #e8e8ee;border-radius:12px;background:#fff;cursor:pointer;font-family:inherit;transition:transform .15s,box-shadow .15s,border-color .15s}
.rf-btn svg{width:34px;height:34px;border-radius:50%;padding:6px;color:#fff;background:linear-gradient(135deg,var(--r1),var(--r2));box-shadow:inset 0 -2px 4px rgba(0,0,0,.15)}
.rf-btn span{font-size:var(--fs-meta);font-weight:600;color:#374151}
.rf-btn:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(20,20,40,.1)}
.rf-btn[aria-selected="true"]{border-color:var(--brand);box-shadow:0 0 0 2px rgba(208,18,27,.15)}
.rf-btn[aria-selected="true"] span{color:var(--brand)}
.rf-fire{--r1:#fb923c;--r2:#dc2626}.rf-earth{--r1:#4ade80;--r2:#15803d}.rf-air{--r1:#60a5fa;--r2:#1d4ed8}.rf-water{--r1:#a78bfa;--r2:#6d28d9}
.rf-body{margin-top:14px;padding:14px 16px;border-radius:12px;background:linear-gradient(135deg,#fff8f0,#f7f7fa);border:1px solid #f0e6da}
.rf-title{display:flex;align-items:baseline;gap:8px}.rf-title strong{font-size:var(--fs-h4);color:var(--brand)}.rf-title small{font-size:var(--fs-meta);color:#8a8fa0}
.rf-text{margin:8px 0 0;font-size:var(--fs-sm);line-height:var(--lh-relaxed);color:#1f2937}
.rf-lucky{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px;font-size:var(--fs-meta);color:#6b7280}.rf-lucky b{color:#1f2937}
@media(max-width:900px){.rf-grid{grid-template-columns:repeat(6,1fr)}.rf-btn span{font-size:var(--fs-xs)}}
@media(max-width:480px){.rf-grid{grid-template-columns:repeat(4,1fr)}}

/* state / city card labels: one plain-text link, single colour (brand red) for crawlers and readers alike */
.state-news .overlay-info a{color:#fff!important;font-weight:700;font-size:var(--fs-h5);letter-spacing:.2px;text-shadow:0 1px 4px rgba(0,0,0,.55)}
.state-news .overlay-info a:hover{color:#ffe8e8!important}
.city-news-list .card-panel{color:#fff!important;font-weight:700;font-size:var(--fs-h4);letter-spacing:.2px;text-shadow:0 1px 4px rgba(0,0,0,.55);transition:background .2s}
.city-news-list li:hover .card-panel{background:rgba(27,21,21,.62)!important}

/* ---- footer: most-read this week ---- */
.footer-popular{background:#0d1428;padding:28px 0 4px;margin:24px 0 0}
.footer-popular+footer{padding-top:28px!important}
.fp-head{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}
.fp-head h2{color:#fff;font-size:var(--fs-h4);margin:0;padding-left:10px;border-left:4px solid var(--brand)}
.fp-head span{font-size:var(--fs-meta);color:#94a3b8}
.fp-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.fp-card{display:block;position:relative;color:#e5e7eb}
.fp-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;background:#1f2937;display:block}
.fp-rank{position:absolute;top:8px;left:8px;background:var(--brand);color:#fff;font-weight:700;font-size:var(--fs-meta);width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center}
.fp-title{display:block;margin-top:8px;font-size:var(--fs-sm);font-weight:600;line-height:var(--lh-normal);color:#fff}
.fp-card:hover .fp-title{color:#fca5a5}
.fp-meta{display:block;font-size:var(--fs-meta);color:#94a3b8;margin-top:4px}
@media(max-width:900px){.fp-grid{grid-template-columns:repeat(2,1fr)}.footer-popular{margin:16px -20px 0;padding:20px}}
/* ---- video sliders (shorts / full) ---- */
.vs-head h2{display:flex;align-items:center;gap:8px}
.vs-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--brand);color:#fff;font:700 11px/1 sans-serif;padding:5px 7px;border-radius:6px;letter-spacing:.3px}
.vs-badge-yt{background:#ff0000;font-size:var(--fs-meta)}
.vs-card{position:relative}
.vs-thumb{display:block;position:relative;border-radius:12px;overflow:hidden;background:#111827}
.vs-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.vs-thumb:hover img{transform:scale(1.04)}
.vs-shorts .vs-thumb{aspect-ratio:9/16}
.vs-videos .vs-thumb{aspect-ratio:16/9}
.vs-play{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 4px 14px rgba(0,0,0,.35);transition:transform .15s}
.vs-play::after{content:"";position:absolute;left:19px;top:14px;border-left:16px solid var(--brand);border-top:10px solid transparent;border-bottom:10px solid transparent}
.vs-thumb:hover .vs-play{transform:scale(1.1)}
.vs-title-over{position:absolute;left:0;right:0;bottom:0;padding:40px 10px 10px;color:#fff;font-size:var(--fs-meta);font-weight:600;line-height:var(--lh-snug);background:linear-gradient(180deg,transparent,rgba(0,0,0,.85))}
.vs-title{display:block;margin-top:8px;font-size:var(--fs-h5);font-weight:600;line-height:var(--lh-normal);color:#1f2937;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vs-title:hover{color:var(--brand)}
.vs-meta{font-size:var(--fs-meta);color:#8a8fa0;margin-top:4px}
.vs-shorts .splide:not(.is-initialized) .splide__slide{flex:0 0 176px;width:176px;margin-right:14px}
.vs-videos .splide:not(.is-initialized) .splide__slide{flex:0 0 300px;width:300px;margin-right:18px}
/* ---- full-screen theater ---- */
body.vt-open{overflow:hidden}
.vt{position:fixed;inset:0;z-index:1000;background:rgba(5,8,18,.96);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 72px 110px;color:#fff}
.vt[hidden]{display:none}
.vt-close{position:absolute;top:14px;right:16px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:var(--fs-h3);cursor:pointer}
.vt-close:hover{background:var(--brand)}
.vt-nav{position:absolute;top:50%;width:52px;height:52px;margin-top:-26px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:var(--fs-h1);line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.vt-nav:hover{background:var(--brand)}.vt-prev{left:14px}.vt-next{right:14px}
.vt-stage{width:min(100%,1100px);display:flex;flex-direction:column;align-items:center}
.vt-frame{width:100%;aspect-ratio:16/9;max-height:calc(100vh - 230px);background:#000;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.vt-frame iframe,.vt-frame>div{width:100%!important;height:100%!important;display:block}
.vt.vt-shorts .vt-frame{aspect-ratio:9/16;width:auto;height:calc(100vh - 230px);max-height:none}
.vt-info{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px}
.vt-title{margin:0;font-size:var(--fs-h4);font-weight:600;line-height:var(--lh-normal)}
.vt-link{flex:none;color:#fca5a5;font-size:var(--fs-meta);font-weight:600}
.vt-strip{position:absolute;left:0;right:0;bottom:0;padding:10px 16px 14px;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent)}
.vt-list{list-style:none;margin:0;padding:4px 0;display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.vt-list::-webkit-scrollbar{display:none}
.vt-list li{flex:0 0 150px;scroll-snap-align:center;cursor:pointer;border-radius:8px;overflow:hidden;position:relative;opacity:.65;transition:opacity .15s,transform .15s}
.vt-list li img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#1f2937}
.vt.vt-shorts .vt-list li{flex-basis:70px}.vt.vt-shorts .vt-list li img{aspect-ratio:9/16}
.vt-list li span{position:absolute;left:0;right:0;bottom:0;padding:14px 6px 5px;font-size:var(--fs-xs);line-height:var(--lh-tight);color:#fff;background:linear-gradient(180deg,transparent,rgba(0,0,0,.85));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vt.vt-shorts .vt-list li span{display:none}
.vt-list li:hover{opacity:1}.vt-list li.active{opacity:1;outline:2px solid var(--brand);transform:scale(1.04)}
@media(max-width:900px){.vt{padding:52px 10px 100px}.vt-nav{display:none}.vt-frame{max-height:calc(100vh - 200px)}.vt.vt-shorts .vt-frame{height:calc(100vh - 190px)}.vt-title{font-size:var(--fs-sm)}.vt-list li{flex-basis:120px}}
.socil-link svg{color:#0d1428;display:block}
.socil-link{display:inline-flex!important;align-items:center;justify-content:center}.socil-link svg{position:static!important;margin:0!important}

/* ---- category blocks: fixed geometry → identical height while parsing, at load and after (no CLS) ---- */
@media(min-width:901px){
  .big-news-card .list-hr{grid-template-rows:repeat(4,78px)}
  .big-news-card .list-hr li:not(:first-child){height:78px;overflow:hidden}
  .big-news-card .list-hr li:not(:first-child) .related-videos h3 a{-webkit-line-clamp:2}
  .big-news-card .list-hr li:first-child{height:348px}
  .big-news-card .list-hr li:first-child .car-img{height:348px!important;min-height:0}
  .big-news-card .list-hr li:first-child .car-img img{width:100%;height:100%;object-fit:cover;display:block}
}
@media(max-width:900px){
  .big-news-card .list-hr li:first-child .car-img img{width:100%;height:100%;object-fit:cover;display:block}
}
/* lazy placeholders never dictate size: every thumbnail box has explicit dimensions */
.list-hr .car-img{flex:none}

/* footer popular column (design: "Popular Posts" list beside the link columns) */
footer .footer-popular-col .list-hr li{display:flex;margin-bottom:12px;padding:0}
footer .footer-popular-col .list-hr .car-img{width:82px;min-width:82px;height:56px;border-radius:6px;overflow:hidden;background:#1f2937}
footer .footer-popular-col .list-hr .car-img img{width:100%;height:100%;object-fit:cover;display:block}
footer .footer-popular-col .related-videos a{color:#fff;font-size:var(--fs-meta);line-height:var(--lh-normal)}
footer .footer-popular-col .related-videos a:hover{color:#fca5a5}
footer .footer-popular-col .t-hint{color:rgba(255,255,255,.45)!important}
footer .footer-popular-col{width:22%!important}
/* ---- footer: tidy 5-column grid (desktop) ---- */
@media(min-width:901px){
  footer>*:first-child>ul{display:grid!important;grid-template-columns:1.25fr .75fr .9fr 1.45fr .9fr;gap:40px;align-items:start;justify-content:normal}
  footer>*:first-child>ul>li{min-width:0!important;width:auto!important;padding:0!important;float:none!important}
  footer>*:first-child>ul>li>ul>li:first-child{font-size:var(--fs-sm);letter-spacing:.6px;margin-bottom:14px!important;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1);text-transform:uppercase;color:#fff}
  footer>*:first-child>ul>li>ul>li{margin-bottom:9px!important;font-size:var(--fs-sm);line-height:var(--lh-normal)}
  footer>*:first-child>ul a{color:rgba(255,255,255,.72);transition:color .15s}
  footer>*:first-child>ul a:hover{color:#fff}
  footer>*:first-child>ul>li:first-child p{font-size:var(--fs-meta);line-height:var(--lh-relaxed);color:#a0a8c0;margin-top:14px}
  footer>*:first-child>ul>li:first-child .logo img{height:62px;width:auto}
  footer .footer-popular-col{width:auto!important}
  footer .footer-popular-col .list-hr li{margin-bottom:12px!important;padding:0!important}
  footer .f-18.mt-lg{font-size:var(--fs-sm);letter-spacing:.6px;text-transform:uppercase;color:#fff;margin-top:22px!important;margin-bottom:10px!important}
  footer .socialblock{display:flex;gap:8px;flex-wrap:nowrap}
  footer .socil-link{float:none;margin:0!important}
  footer .border-top-white{border-top:1px solid rgba(255,255,255,.08)}
  footer .border-top-white p{font-size:var(--fs-meta);color:#8b93ab}
}
/* ================= mobile home: app-style feed (white full-bleed sections, 8px separators) ================= */
@media(max-width:900px){
  body{background:#eef0f4}
  .home-page{padding-bottom:0!important}
  .home-page>section,.home-page>.vs-section,.home-page .big-news-card,.home-page .follow-box,.home-page .rashifal,.home-page .side-sticky{background:#fff;margin:0 -20px 8px!important;padding:16px 20px 18px!important;border-radius:0!important;box-shadow:none!important;float:none;width:auto}
  .home-page>.featured-banner{margin:0 -20px 8px!important;padding:12px 0 14px!important;background:#fff}
  .home-page .vs-section .container{padding:0}
  .home-page .vs-section .shadow-dark{box-shadow:none!important;padding:0!important;border-radius:0!important}
  .home-page .vs-splide .splide__arrows{display:none}
  .home-page>section h2,.home-page .vs-section h2,.home-page .rashifal h2{font-size:var(--fs-h4);line-height:var(--lh-tight);margin:0}
  .home-page .d-flex.align-center h2+.more-all{font-size:var(--fs-meta);min-height:34px;padding:0 12px}
  .home-page .ad-slot{margin:0 -20px 8px!important;padding:10px 0 14px;background:#fff;max-width:none!important;display:flex;flex-direction:column;align-items:center}
  .home-page .ad-slot:not(.ad-ready):not(.ad-reserve){display:none}
  .home-page .ad-slot.ad-ready{display:flex}
  .home-page .side-sticky{position:static;margin-top:0!important}
  .home-page .follow-box{text-align:left}.home-page .follow-box .follow-row{justify-content:flex-start}
  .home-page .state-news .swipe-slide>li{width:168px}
  .home-page .tab-chips{margin:12px -20px 0!important;padding:0 20px;border-radius:0}
  .home-page .big-news-card .list-hr li:first-child{margin-bottom:12px}
  .footer-popular{margin:0!important;padding:18px 20px}
  footer{padding:18px 20px!important}
  footer ul li.block ul{display:flex;flex-wrap:wrap;gap:8px}
  footer ul li.block ul li{display:block!important;margin:0!important;padding:0!important}
  footer ul li.block ul li a{display:inline-block;padding:6px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:var(--fs-meta);color:rgba(255,255,255,.8)}
  footer ul li.block ul li a::after,footer ul li.block ul li::after{content:none!important}
  footer .socil-link{margin:0 8px 0 0}
  footer li.border-top{text-align:center;font-size:var(--fs-meta);color:#8b93ab;padding-top:14px}
}
@media(max-width:900px){.home-page .city-picker{text-align:center}.home-page .city-picker .search-city img{display:block;margin:0 auto;width:84px;height:84px}.home-page .ad-slot .ad-box{min-width:300px}}
/* mobile ad bands: full viewport width, box centred */
@media(max-width:900px){
  .home-page .ad-slot,.blog-detail .ad-slot,.blog-listing .ad-slot{width:auto!important;max-width:none!important;left:0;right:0;box-sizing:border-box}
  .ad-slot .ad-box{margin-left:auto;margin-right:auto}
  .ad-slot .ad-label{display:block;text-align:center}
}
/* ---- mobile section headers + bottom "all news" button ---- */
@media(max-width:900px){
  .sec-head{display:flex;align-items:baseline;gap:10px;padding-left:12px;border-left:4px solid var(--brand);margin-bottom:2px}
  .sec-head h2{font-size:var(--fs-h3);font-weight:700;line-height:var(--lh-tight);margin:0}
  .sec-head h2 a{color:#1f2937}
  .sec-sub{font-size:var(--fs-meta);color:#8a8fa0;font-weight:500;white-space:nowrap}
  .sec-more{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;height:44px;border:1px solid #e5e7eb;border-radius:10px;background:#fafafa;color:var(--brand);font-size:var(--fs-sm);font-weight:600;transition:background .15s,border-color .15s}
  .sec-more:active,.sec-more:hover{background:#fff4f4;border-color:var(--brand)}
  .sec-more span{font-size:var(--fs-body);line-height:1}
  .home-page .big-news-card .list-hr li:last-child{margin-bottom:0}
}
/* ================= shared cards: base + per-device theme (html[data-platform]) ================= */
.pr-meta .sep{font-style:normal;color:#c4c8d2;margin:0 2px}
.pr-meta .t-blue-dark{color:var(--brand);font-weight:600}
.nc-rank{position:absolute;top:8px;left:8px;background:var(--brand);color:#fff;font-weight:700;font-size:var(--fs-meta);width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center}
.nc-img{position:relative}
.vc .card-image{position:relative;display:block;border-radius:10px;overflow:hidden;background:#111827}
.vc .card-image img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.vc .vs-play{width:40px;height:40px;margin:-20px 0 0 -20px}.vc .vs-play::after{left:15px;top:10px;border-left:14px solid var(--brand);border-top:10px solid transparent;border-bottom:10px solid transparent}
/* mobile theme: roomier, rounder, touch-first */
html[data-platform="wap"] .pr{align-items:flex-start;padding:10px 0;border-bottom:1px solid #f0f1f4;margin:0!important}
html[data-platform="wap"] .pr:last-child{border-bottom:0}
html[data-platform="wap"] .pr .car-img{width:104px;min-width:104px;height:76px;border-radius:10px;margin-right:12px}
html[data-platform="wap"] .pr .pr-h a{font-size:var(--fs-h5);font-weight:600;line-height:var(--lh-normal);color:#1f2937}
html[data-platform="wap"] .pr .pr-meta{font-size:var(--fs-meta);margin-top:5px}
html[data-platform="wap"] .pc{border-radius:14px;border:1px solid #eceef2;box-shadow:0 2px 10px rgba(20,20,40,.06);overflow:hidden}
html[data-platform="wap"] .pc .image-wrapper{height:150px;border-radius:0}
html[data-platform="wap"] .pc .image-wrapper img{border-radius:0}
html[data-platform="wap"] .pc .card-panel{padding:10px 12px 12px}
html[data-platform="wap"] .pc .card-title>a{font-size:var(--fs-h5)}
html[data-platform="wap"] .big-news-card .list-hr li:first-child{border-radius:14px;margin-bottom:6px!important;border-bottom:0}
html[data-platform="wap"] .big-news-card .list-hr li:first-child .car-img{height:220px!important;border-radius:14px}
html[data-platform="wap"] .big-news-card .list-hr li:first-child .related-videos .t-heading{font-size:var(--fs-h4);line-height:var(--lh-snug)}
html[data-platform="wap"] .sc{border-radius:12px;overflow:hidden}
html[data-platform="wap"] .ct{border-radius:12px}
html[data-platform="wap"] .lc{border-radius:14px;border:1px solid #eceef2;box-shadow:0 2px 10px rgba(20,20,40,.05);overflow:hidden;margin-bottom:12px}
html[data-platform="wap"] .lc .card-image{border-radius:0}
html[data-platform="wap"] .lc .card-panel{padding:12px 14px 14px}
html[data-platform="wap"] .lc h2 a{font-size:var(--fs-h4);line-height:var(--lh-normal)}
html[data-platform="wap"] .lc .listing-cat{display:inline-block;background:#fff4f4;color:var(--brand);font-weight:600;font-size:var(--fs-meta);padding:2px 8px;border-radius:4px;margin-bottom:6px}
html[data-platform="wap"] .vc{border-radius:12px}
html[data-platform="wap"] .vc .video-title{font-size:var(--fs-h5);font-weight:600;margin-top:8px;display:block}
html[data-platform="wap"] .tab-chips>*{font-size:var(--fs-sm);padding:8px 14px}
html[data-platform="wap"] .tag-list li a{font-size:var(--fs-meta);padding:7px 14px}
html[data-platform="wap"] .nc{border-radius:14px}
html[data-platform="wap"] .fp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
html[data-platform="wap"] .footer-popular .nc{background:#15203a;border-color:#1f2b48}
html[data-platform="wap"] .footer-popular .nc-title{color:#fff}html[data-platform="wap"] .footer-popular .nc-meta{color:#94a3b8}
/* ---- mobile state tabs: swipeable pill row ---- */
html[data-platform="wap"] .big-news-card .tab-chips{display:flex!important;flex-wrap:nowrap!important;gap:8px;margin:14px -20px 12px!important;padding:2px 20px 4px!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;text-align:left!important;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
html[data-platform="wap"] .big-news-card .tab-chips::-webkit-scrollbar{display:none}
html[data-platform="wap"] .big-news-card .tab-chips>li{flex:none;scroll-snap-align:start;margin:0!important;padding:0 16px!important;height:36px;line-height:34px;border:1px solid #e5e7eb!important;border-radius:999px!important;background:#fff!important;color:#374151!important;font-size:var(--fs-sm);font-weight:600;white-space:nowrap;cursor:pointer;box-shadow:none!important;transition:background .15s,color .15s,border-color .15s}
html[data-platform="wap"] .big-news-card .tab-chips>li::before,html[data-platform="wap"] .big-news-card .tab-chips>li::after{content:none!important}
html[data-platform="wap"] .big-news-card .tab-chips>li.active{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important;box-shadow:0 4px 10px rgba(208,18,27,.22)!important}
html[data-platform="wap"] .big-news-card .tab-panels{margin-top:0!important}
html[data-platform="wap"] .big-news-card .tab-chips{padding-left:0!important;padding-right:0!important}
html[data-platform="wap"] .big-news-card .tab-chips>li:first-child{margin-left:20px!important}
html[data-platform="wap"] .big-news-card .tab-chips>li:last-child{margin-right:20px!important}
html[data-platform="wap"] .big-news-card .tab-chips{max-width:none!important;width:auto!important;scroll-padding-inline:20px}
/* ================= home: one heading style for every section (desktop + mobile) ================= */
.home-page h2{position:relative;padding-left:12px;border-left:4px solid var(--brand);line-height:var(--lh-tight);font-weight:700;color:#1f2937}
.home-page h2 a{color:inherit}
.home-page .featured-banner h2,.home-page .sr-only h2,.home-page .sec-head h2,.home-page .vs-head h2{border-left:0;padding-left:0}
.home-page .vs-head h2{padding-left:0}
.home-page .vs-head{padding-left:12px;border-left:4px solid var(--brand)}
/* grid-card meta: separator only between items */
.nc-meta span::before{content:none}
.nc-meta>*+*::before{content:"·";margin-right:8px;color:#c4c8d2}
/* state cards: readable label on any illustration */
.state-news .overlay-info::before{height:100%!important;background-image:linear-gradient(180deg,rgba(8,12,28,0) 40%,rgba(8,12,28,.88))!important}
.state-news .overlay-info a{font-size:var(--fs-h5);text-shadow:0 1px 6px rgba(0,0,0,.7)}
/* mobile list rows: guaranteed spacing (page css loads after shared.css and resets li padding) */
html[data-platform="wap"] .list-hr>li.pr{padding:12px 0!important;margin:0!important;border-bottom:1px solid #f0f1f4;align-items:flex-start;gap:0;overflow:visible}
html[data-platform="wap"] .list-hr>li.pr:last-child{border-bottom:0;padding-bottom:0!important}
html[data-platform="wap"] .big-news-card .list-hr>li.pr:first-child{padding:0!important;border-bottom:0;margin-bottom:4px!important;overflow:hidden}
html[data-platform="wap"] .list-hr>li.pr:nth-child(2){padding-top:12px!important}
html[data-platform="wap"] .list-hr>li.pr .car-img{flex:none}
/* "… की सभी खबरें →": filled brand button, white text */
.sec-more,.home-page .more-all{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important;box-shadow:0 4px 12px rgba(208,18,27,.22)}
.sec-more:hover,.sec-more:active,.home-page .more-all:hover{background:var(--brand-dark,#a50e16)!important;border-color:var(--brand-dark,#a50e16)!important;color:#fff!important}
.sec-more span,.home-page .more-all span{color:#fff}
.home-page .more-all{padding:0 16px!important;font-weight:600}

/* ---- mobile Shorts: full-screen vertical feed ---- */
.vf{position:fixed;inset:0;z-index:1001;background:#000}
.vf[hidden]{display:none}
.vf-scroll{position:absolute;inset:0;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;z-index:1}
.vf-scroll::-webkit-scrollbar{display:none}
.vf-slide{position:relative;height:100%;scroll-snap-align:start;scroll-snap-stop:always;background:#000 center/cover no-repeat}
.vf-info{position:absolute;left:0;right:0;bottom:0;padding:60px 16px calc(22px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,rgba(0,0,0,.85));color:#fff;z-index:3;pointer-events:auto}
.vf-info h3{margin:0 0 8px;font-size:var(--fs-body);font-weight:600;line-height:var(--lh-normal)}
.vf-info a{color:#fca5a5;font-size:var(--fs-meta);font-weight:600}
.vf-player{position:absolute;inset:0;z-index:2;opacity:0;transition:opacity .25s;pointer-events:none}
.vf-player.on{opacity:1;pointer-events:auto}
.vf-player iframe,.vf-player>div{width:100%!important;height:100%!important;display:block;border:0}
.vf-player.on~.vf-scroll .vf-slide{background-image:none!important}
.vf-top{position:absolute;top:0;left:0;right:0;z-index:4;display:flex;align-items:center;gap:12px;padding:calc(10px + env(safe-area-inset-top)) 12px 10px;background:linear-gradient(0deg,transparent,rgba(0,0,0,.55));pointer-events:none}
.vf-top>*{pointer-events:auto}
.vf-close{width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;font-size:var(--fs-h4)}
.vf-brand{color:#fff;font-weight:700;font-size:var(--fs-body)}
.vf-mute{margin-left:auto;border:0;border-radius:999px;background:rgba(255,255,255,.9);color:#111;font-size:var(--fs-meta);font-weight:600;padding:8px 12px}
.vf-scroll{z-index:3}
.vf-player,.vf-player.on{z-index:2;pointer-events:none}
.vf-slide.paused::after{content:"";position:absolute;left:50%;top:50%;width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:50%;background:rgba(0,0,0,.45) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M8 5v14l11-7z'/%3E%3C/svg%3E") center/34px no-repeat}
.vt-mute{position:absolute;top:16px;left:16px;z-index:3;border:0;border-radius:999px;background:rgba(255,255,255,.92);color:#111;font-size:var(--fs-meta);font-weight:600;padding:9px 14px;cursor:pointer}
.vt-mute[hidden]{display:none}

/* iOS fallback: YouTube's own play button reachable until playback starts */
.vf-player.tap{z-index:5!important;pointer-events:auto!important}
.vf-mute,.vt-mute{animation:snPulse 1.6s ease-in-out 2}
@keyframes snPulse{50%{transform:scale(1.06)}}
/* chips (search / empty-state / listing): true centring — line-height alone mis-centres Devanagari */
.listing-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none;padding:0}
.listing-chips li{margin:0}
.chip{display:inline-flex!important;align-items:center;justify-content:center;height:36px!important;line-height:var(--lh-tight)!important;padding:0 16px!important;border:1px solid #e5e7eb;background:#fff;box-sizing:border-box;font-weight:500}
.chip:hover{border-color:var(--brand);color:var(--brand)}

/* feed v2: live slide holds a visible embed */
.vf-slide iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:1;background:#000}
.vf-slide .vf-info{z-index:2;pointer-events:none;padding-bottom:calc(70px + env(safe-area-inset-bottom))}
.vf-slide .vf-info a{pointer-events:auto}
.vf-slide.live .vf-info{background:linear-gradient(180deg,transparent,rgba(0,0,0,.55));padding-top:40px}
.vf-nav{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:4;display:flex;flex-direction:column;gap:10px}
.vf-nav button{width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:var(--fs-sm)}
.vf-top{justify-content:flex-end;background:none}.vf-brand{order:-1;margin-right:auto;pointer-events:none!important;opacity:.85;margin-left:auto;display:none}

/* ---- listing auto-load ---- */
html.lc-auto .pagination{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.lc-more{padding:8px 0 24px;text-align:center}
.lc-in{animation:lcIn .35s ease both}
@keyframes lcIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.lc-skel{display:grid;gap:14px}
.lc-skel span{display:block;height:120px;border-radius:12px;background:linear-gradient(90deg,#eef0f4 25%,#f7f8fa 37%,#eef0f4 63%);background-size:400% 100%;animation:lcSk 1.2s ease infinite}
@keyframes lcSk{0%{background-position:100% 50%}100%{background-position:0 50%}}
.lc-end{margin:12px 0 0;color:#8a8fa0;font-size:var(--fs-sm)}
.lc-end::before,.lc-end::after{content:"";display:inline-block;width:40px;height:1px;background:#d9dce3;vertical-align:middle;margin:0 10px}
.lc-retry{height:44px;padding:0 22px;border:0;border-radius:10px;background:var(--brand);color:#fff;font-weight:600;font-size:var(--fs-sm);cursor:pointer;font-family:inherit}
.lc-feed{display:block}

/* mobile footer: "सबसे लोकप्रिय खबरें" — single column, numbered, small thumbnails */
.fp-list{list-style:none;margin:6px 0 0;padding:0}
.fp-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.fp-row:last-child{border-bottom:0}
.fp-num{flex:none;width:22px;font-size:20px;font-weight:800;color:var(--brand);text-align:center;line-height:1}
.fp-thumb{flex:none;width:72px;height:54px;border-radius:8px;overflow:hidden;background:#1f2937;display:block}
.fp-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.fp-body{min-width:0;flex:1}
.fp-t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#f3f4f6;font-size:var(--fs-sm);font-weight:600;line-height:var(--lh-normal)}
.fp-t:active,.fp-t:hover{color:#fca5a5}
.fp-m{display:flex;gap:10px;margin-top:4px;font-size:var(--fs-meta);color:#94a3b8}
.fp-m .views{display:inline-flex;align-items:center;gap:4px}
/* ================= article page ================= */
.blog-detail .article-main{background:#fff;border-radius:14px;padding:28px 32px 32px;box-shadow:0 1px 3px rgba(20,20,40,.06)}
.blog-detail .breadcrumb{padding:4px 0 10px}
.blog-detail .article-cat{display:inline-block;background:var(--brand)!important;color:#fff!important;border:0!important;border-radius:4px!important;padding:3px 10px!important;font-size:var(--fs-meta);font-weight:700;letter-spacing:.3px;margin-bottom:10px}
.blog-detail h1[itemprop=headline]{font-size:var(--fs-h1);line-height:var(--lh-tight);font-weight:800;color:#111827;margin:0 0 14px;letter-spacing:-.2px}
.blog-detail .article-meta{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;padding:12px 0;margin:0 0 14px;border-top:1px solid #eef0f3;border-bottom:1px solid #eef0f3;font-size:var(--fs-meta);color:#6b7280}
.blog-detail .meta-avatar{width:36px;height:36px;font-size:var(--fs-h5)}
.blog-detail .meta-author{font-size:var(--fs-sm)}
/* share bar */
.sbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 18px}
.sbar-l{font-size:var(--fs-meta);font-weight:600;color:#6b7280;margin-right:4px}
.sb{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:38px;height:38px;border-radius:50%;border:0;color:#fff;cursor:pointer;transition:transform .15s,filter .15s;position:relative;font-family:inherit}
.sb:hover{transform:translateY(-1px);filter:brightness(1.08)}
.sb-wa{background:#25d366}.sb-fb{background:#1877f2}.sb-x{background:#111}.sb-tg{background:#229ed9}.sb-ln{background:#4b5563}
.sbar-full .sb{width:auto;height:42px;border-radius:10px;padding:0 16px;font-size:var(--fs-sm);font-weight:600}
.sb.copied{background:#16a34a}
.sb.copied::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#111827;color:#fff;font-size:var(--fs-meta);padding:5px 9px;border-radius:6px;white-space:nowrap}
.share-end{margin:28px 0 8px;padding:18px 20px;border-radius:12px;background:#f7f8fa;border:1px solid #eceef2}
.share-end h2{font-size:var(--fs-body);margin:0 0 12px;font-weight:700}
.share-end .sbar{margin:0}
/* hero + body */
.blog-detail .article-hero{margin:0 0 22px}
.blog-detail .article-hero img{border-radius:12px}
.blog-detail .article-body p{font-size:var(--fs-h3);line-height:var(--lh-prose);color:#1f2937;margin-bottom:20px}
.blog-detail .article-body>p:first-of-type{font-size:var(--fs-h3);color:#111827}
.blog-detail .article-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px!important}
.blog-detail .article-tags .f-bold{font-size:var(--fs-sm);color:#6b7280;margin-right:4px}
.blog-detail .article-tags .news-tag{margin:0!important;background:#f3f4f6;border-color:#e5e7eb}
.blog-detail .post-nav a{background:#fafafa}
.blog-detail .related-news,.blog-detail .more-block,.blog-detail .more-links{margin-top:28px}
/* sidebar boxes match the article card */
.blog-detail .article-side .side-box{background:#fff;border-radius:14px;padding:18px 20px;box-shadow:0 1px 3px rgba(20,20,40,.06)}
.blog-detail .article-side .side-box h2{font-size:var(--fs-h4);padding-left:12px;border-left:4px solid var(--brand);margin:0}
@media(max-width:900px){
  .blog-detail .article-main{border-radius:0;padding:18px 16px 22px;margin:0 -16px;box-shadow:none}
  .blog-detail h1[itemprop=headline]{font-size:var(--fs-h2);line-height:var(--lh-snug)}
  .blog-detail .article-meta{font-size:var(--fs-meta);gap:6px 10px}
  .blog-detail .article-meta .meta-text{flex-basis:100%}
  .blog-detail .article-hero{margin:0 -16px 18px}
  .blog-detail .article-hero img{border-radius:0}
  .blog-detail .article-body p{font-size:var(--fs-h4);line-height:var(--lh-prose)}
  .blog-detail .article-body>p:first-of-type{font-size:var(--fs-h4)}
  .sbar{gap:10px}.sbar-l{flex-basis:auto}
  .sbar-full{display:grid;grid-template-columns:repeat(2,1fr)}
  .sbar-full .sb{width:100%}
  .sbar-full .sb-ln{grid-column:1/-1}
  .share-end{margin:22px 0 4px;padding:16px}
  .blog-detail .article-side .side-box{border-radius:0;margin:0 -16px;box-shadow:none}
}
.lc-feed--category .listing-cat{display:none!important}

/* ---- listing sidebar (context-aware) ---- */
.ls-box{background:#fff;border-radius:14px;padding:18px 18px 16px;margin-bottom:16px;box-shadow:0 1px 3px rgba(20,20,40,.06)}
.ls-box h2{font-size:var(--fs-h4);font-weight:700;line-height:var(--lh-tight);margin:0 0 12px;padding-left:10px;border-left:4px solid var(--brand);color:#1f2937}
.ls-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.ls-head h2{margin-bottom:12px}
.ls-all{font-size:var(--fs-meta);font-weight:600;color:var(--brand)}
.ls-rank{list-style:none;margin:0;padding:0}
.ls-rank li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f0f1f4}
.ls-rank li:last-child{border-bottom:0;padding-bottom:0}
.ls-n{flex:none;width:20px;font-size:20px;font-weight:800;color:var(--brand);text-align:center;line-height:1}
.ls-thumb{flex:none;width:76px;height:57px;border-radius:8px;overflow:hidden;background:#eceef2;display:block}
.ls-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ls-b{min-width:0;flex:1}
.ls-t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--fs-sm);font-weight:600;line-height:var(--lh-normal);color:#1f2937}
.ls-t:hover{color:var(--brand)}
.ls-m{display:inline-flex;align-items:center;gap:4px;margin-top:3px;font-size:var(--fs-meta);color:#8a8fa0}
.ls-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ls-chips a{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:1px solid #e5e7eb;border-radius:999px;font-size:var(--fs-meta);font-weight:500;color:#374151;background:#fff}
.ls-chips a small{font-size:var(--fs-xs);color:#9ca3af}
.ls-chips a:hover{border-color:var(--brand);color:var(--brand)}
.ls-video{display:flex;gap:10px;align-items:center;padding:8px 0;color:#1f2937}
.ls-vimg{position:relative;flex:none;width:108px;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#111827;display:block}
.ls-vimg img{width:100%;height:100%;object-fit:cover;display:block}
.ls-vimg .vs-play{width:28px;height:28px;margin:-14px 0 0 -14px}.ls-vimg .vs-play::after{left:10px;top:7px;border-left-width:11px;border-top-width:7px;border-bottom-width:7px}
.ls-vt{font-size:var(--fs-sm);font-weight:600;line-height:var(--lh-normal);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ls-video:hover .ls-vt{color:var(--brand)}
.ls-video-lead{flex-direction:column;align-items:stretch;padding-top:0}
.ls-video-lead .ls-vimg{width:100%}.ls-video-lead .vs-play{width:44px;height:44px;margin:-22px 0 0 -22px}.ls-video-lead .vs-play::after{left:17px;top:12px;border-left-width:15px;border-top-width:10px;border-bottom-width:10px}
.ls-video-lead .ls-vt{font-size:var(--fs-h5)}
.ls-cats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.ls-cats a{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:9px 12px;border-radius:10px;background:#f7f8fa;font-size:var(--fs-sm);font-weight:500;color:#374151}
.ls-cats a small{font-size:var(--fs-xs);color:#9ca3af}
.ls-cats a:hover{background:#fff4f4;color:var(--brand)}
@media(max-width:900px){.listing-side-m{margin:16px -20px 0}.listing-side-m .ls-box{border-radius:0;box-shadow:none;margin-bottom:8px;padding:16px 20px}}
/* ================= video watch page ================= */
.vw{background:#f3f4f7;padding:0 0 28px}
.vw-wrap{width:1260px;max-width:100%;margin:0 auto;padding:14px 16px 0;box-sizing:border-box}
.vw-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:var(--fs-meta);color:#6b7280;margin-bottom:12px;min-width:0}
.vw-crumbs a{color:var(--brand);font-weight:500}.vw-crumbs span[aria-current]{color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60ch}
.vw-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start}
.vw-main{min-width:0}
.vw-player{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#0b0f19;cursor:pointer;box-shadow:0 16px 40px rgba(10,14,30,.28)}
.vw-player img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s,filter .3s}
.vw-player:hover img{transform:scale(1.02);filter:brightness(.92)}
.vw-player::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.35));pointer-events:none}
.vw-play{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:var(--brand);box-shadow:0 10px 30px rgba(208,18,27,.45);z-index:2;transition:transform .2s}
.vw-play::after{content:"";position:absolute;left:33px;top:24px;border-left:26px solid #fff;border-top:18px solid transparent;border-bottom:18px solid transparent}
.vw-player:hover .vw-play{transform:scale(1.08)}
.vw-player:focus-visible{outline:3px solid var(--brand);outline-offset:3px}
.vw-player.on img,.vw-player.on .vw-play,.vw-player.on::after{display:none}
.vw-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vw-head{margin-top:18px}
.vw-cat{display:inline-block;background:var(--brand);color:#fff;font-size:var(--fs-meta);font-weight:700;padding:3px 10px;border-radius:4px;margin-bottom:10px}
.vw-head h1{font-size:var(--fs-h2);line-height:var(--lh-snug);font-weight:800;color:#111827;margin:0}
.vw-meta{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:var(--fs-sm);color:#6b7280}
.vw-meta .views{display:inline-flex;align-items:center;gap:5px;font-weight:600;color:#374151}
.vw-meta i{font-style:normal;color:#c4c8d2}
.vw-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;padding:12px 0;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}
.vw-actions .sbar{margin:0}
.vw-yt{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:999px;background:#fff;border:1px solid #e5e7eb;color:#111827;font-size:var(--fs-meta);font-weight:600}
.vw-yt svg{color:#ff0000}.vw-yt:hover{border-color:#ff0000}
.vw-channel{display:flex;align-items:center;gap:14px;margin-top:16px;padding:14px 16px;background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(20,20,40,.06)}
.vw-channel img{width:auto;height:40px}
.vw-channel div{display:flex;flex-direction:column;min-width:0;flex:1}
.vw-channel strong{font-size:var(--fs-h5);color:#111827}.vw-channel span{font-size:var(--fs-meta);color:#6b7280}
.vw-sub{flex:none;height:40px;padding:0 18px;border-radius:999px;background:#111827;color:#fff;font-size:var(--fs-sm);font-weight:700;display:inline-flex;align-items:center}
.vw-sub:hover{background:#ff0000;color:#fff}
.vw-main .ad-slot{margin-top:20px}
/* up next */
.vw-side{background:#fff;border-radius:14px;padding:16px;box-shadow:0 1px 3px rgba(20,20,40,.06)}
.vw-side h2{font-size:var(--fs-h4);font-weight:700;margin:0 0 10px;padding-left:10px;border-left:4px solid var(--brand)}
.vw-next{list-style:none;margin:0;padding:0}
.vw-next li{display:flex;gap:10px;padding:8px 0}
.vw-n-img{position:relative;flex:none;width:168px;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#111827;display:block}
.vw-n-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.vw-next li:hover .vw-n-img img{transform:scale(1.05)}
.vw-n-play{position:absolute;right:6px;bottom:6px;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.65)}
.vw-n-play::after{content:"";position:absolute;left:9px;top:6px;border-left:9px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent}
.vw-n-b{min-width:0;display:flex;flex-direction:column;gap:4px}
.vw-n-t{font-size:var(--fs-sm);font-weight:600;line-height:var(--lh-normal);color:#1f2937;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.vw-n-t:hover{color:var(--brand)}
.vw-n-m{font-size:var(--fs-meta);color:#8a8fa0}
/* more videos */
.vw-more{margin-top:28px;background:#fff;border-radius:14px;padding:18px 20px 20px;box-shadow:0 1px 3px rgba(20,20,40,.06)}
.vw-more-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.vw-more-h h2{font-size:var(--fs-h3);font-weight:700;margin:0;padding-left:12px;border-left:4px solid var(--brand)}
.vw-grid4{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.vw-grid4 .vc .card-panel{padding:10px 2px 0}
.vw-grid4 .vc .video-title{font-size:var(--fs-sm);font-weight:600;line-height:var(--lh-normal)}
.vw~.vs-section{margin-top:0!important}
@media(max-width:1100px){.vw-grid{grid-template-columns:minmax(0,1fr) 320px}.vw-n-img{width:140px}.vw-grid4{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){
  .vw{padding-bottom:8px}
  .vw-wrap{padding:0}
  .vw-crumbs{padding:10px 16px 8px;margin:0;background:#fff}
  .vw-grid{display:block}
  .vw-player{border-radius:0;box-shadow:none}
  .vw-play{width:68px;height:68px;margin:-34px 0 0 -34px}.vw-play::after{left:27px;top:19px;border-left-width:21px;border-top-width:15px;border-bottom-width:15px}
  .vw-head,.vw-actions,.vw-channel{margin-left:0;margin-right:0}
  .vw-main>header,.vw-main>.vw-actions,.vw-main>.vw-channel{background:#fff}
  .vw-head{margin:0;padding:14px 16px 0}
  .vw-head h1{font-size:var(--fs-h3);line-height:var(--lh-normal)}
  .vw-meta{font-size:var(--fs-meta)}
  .vw-actions{margin:0;padding:12px 16px 14px;border-top:0;border-bottom:8px solid #f3f4f7}
  .vw-actions .sbar-l{display:none}
  .vw-channel{margin:0;border-radius:0;box-shadow:none;border-bottom:8px solid #f3f4f7}
  .vw-sub{height:36px;padding:0 14px;font-size:var(--fs-meta)}
  .vw-side{border-radius:0;box-shadow:none;margin-top:0;padding:16px}
  .vw-n-img{width:150px}
  .vw-more{border-radius:0;box-shadow:none;margin-top:8px;padding:16px}
  .vw-grid4{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}
/* ================= /video browse ================= */
.vb{background:#f3f4f7;padding-bottom:28px}
.vb-wrap{width:1260px;max-width:100%;margin:0 auto;padding:18px 16px 0;box-sizing:border-box}
.vb-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.vb-top h1{font-size:var(--fs-h1);font-weight:800;margin:0;color:#111827;padding-left:12px;border-left:5px solid var(--brand);line-height:var(--lh-tight)}
.vb-top p{margin:6px 0 0 17px;color:#6b7280;font-size:var(--fs-sm)}
.vb-sub{flex:none;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;border-radius:999px;background:#111827;color:#fff;font-weight:700;font-size:var(--fs-sm)}
.vb-sub svg{color:#ff0000}.vb-sub:hover{background:#ff0000;color:#fff}.vb-sub:hover svg{color:#fff}
.vb-tabs{display:flex;gap:6px;padding:4px;background:#fff;border-radius:999px;width:max-content;box-shadow:0 1px 3px rgba(20,20,40,.08)}
.vb-tabs a{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 22px;border-radius:999px;font-size:var(--fs-h5);font-weight:700;color:#374151;transition:background .15s,color .15s}
.vb-tabs a small{font-size:var(--fs-meta);font-weight:600;color:#9ca3af}
.vb-tabs a.on{background:var(--brand);color:#fff}.vb-tabs a.on small{color:rgba(255,255,255,.8)}
.vb-tabs a:not(.on):hover{background:#f3f4f6}
.vb-filters{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 18px}
.vb-chips{list-style:none;margin:0;padding:0;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;min-width:0}
.vb-chips::-webkit-scrollbar{display:none}
.vb-chips a{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:10px;background:#fff;border:1px solid #e5e7eb;font-size:var(--fs-sm);font-weight:600;color:#374151;white-space:nowrap}
.vb-chips a small{font-size:var(--fs-xs);color:#9ca3af}
.vb-chips a.on{background:#111827;border-color:#111827;color:#fff}.vb-chips a.on small{color:rgba(255,255,255,.7)}
.vb-sort{flex:none;display:flex;background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}
.vb-sort a{height:34px;padding:0 14px;display:inline-flex;align-items:center;font-size:var(--fs-meta);font-weight:600;color:#6b7280}
.vb-sort a.on{background:#fff4f4;color:var(--brand)}
.vb-feed{list-style:none;margin:0;padding:0;display:grid!important;gap:18px}
.vb-feed-s{grid-template-columns:repeat(6,minmax(0,1fr))}
.vb-feed-v{grid-template-columns:repeat(4,minmax(0,1fr))}
.vb-s a{position:relative;display:block;aspect-ratio:9/16;border-radius:14px;overflow:hidden;background:#111827;box-shadow:0 2px 8px rgba(10,14,30,.12)}
.vb-s img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.vb-s a:hover img{transform:scale(1.05)}
.vb-s-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(0,0,0,.85))}
.vb-s-t{position:absolute;left:10px;right:10px;bottom:30px;color:#fff;font-size:var(--fs-sm);font-weight:600;line-height:var(--lh-snug);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.vb-s-v{position:absolute;left:10px;bottom:9px;display:inline-flex;align-items:center;gap:4px;color:rgba(255,255,255,.85);font-size:var(--fs-meta);font-weight:600}
.vb-feed-v .vc{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px rgba(20,20,40,.06)}
.vb-feed-v .vc .card-image{border-radius:0}
.vb-feed-v .vc .card-panel{padding:10px 12px 12px}
.vb-feed-v .vc .video-title{font-size:var(--fs-h5);font-weight:600;line-height:var(--lh-normal);color:#1f2937}
.vb .lc-more{padding-top:20px}
.vb .lc-skel{grid-template-columns:repeat(6,1fr)}.vb .lc-skel span{height:auto;aspect-ratio:9/16}
.vb-feed-v~.lc-more .lc-skel{grid-template-columns:repeat(4,1fr)}.vb-feed-v~.lc-more .lc-skel span{aspect-ratio:16/12}
@media(max-width:1100px){.vb-feed-s{grid-template-columns:repeat(4,minmax(0,1fr))}.vb-feed-v{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){
  .vb-wrap{padding:14px 12px 0}
  .vb-top h1{font-size:var(--fs-h3)}.vb-top p{font-size:var(--fs-meta)}
  .vb-sub{height:36px;padding:0 12px;font-size:var(--fs-meta)}
  .vb-tabs{width:100%;box-sizing:border-box}.vb-tabs a{flex:1;justify-content:center;padding:0 10px}
  .vb-filters{flex-direction:column;align-items:stretch;margin:12px 0 14px}
  .vb-sort{align-self:flex-start}
  .vb-feed{gap:8px}
  .vb-feed-s{grid-template-columns:repeat(3,minmax(0,1fr))}
  .vb-feed-v{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .vb-s a{border-radius:10px}.vb-s-t{font-size:var(--fs-meta);left:7px;right:7px;bottom:24px;-webkit-line-clamp:2}.vb-s-v{left:7px;bottom:6px;font-size:var(--fs-xs)}
  .vb .lc-skel{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:420px){.vb-top p{display:none}}
/* ================= team / author / info pages ================= */
.tp,.sp{background:#f3f4f7;padding-bottom:32px}
.tp-in{width:1260px;max-width:100%;margin:0 auto;padding:0 16px;box-sizing:border-box}
.tp-crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:var(--fs-meta);color:rgba(255,255,255,.75);margin-bottom:14px}
.tp-crumbs a{color:#fff;font-weight:500}.tp-crumbs span[aria-current]{color:rgba(255,255,255,.9)}
.tp-hero,.sp-hero,.ap-hero{background:radial-gradient(1200px 300px at 80% -40%,rgba(255,255,255,.12),transparent),linear-gradient(135deg,#1a0b0f,#7a0d14 55%,#c8141d);color:#fff;padding:26px 0 30px}
.tp-hero h1,.sp-hero h1{font-size:var(--fs-h1);font-weight:800;margin:0;line-height:var(--lh-tight)}
.tp-hero p,.sp-hero p{margin:8px 0 0;max-width:720px;font-size:var(--fs-h5);line-height:var(--lh-relaxed);color:rgba(255,255,255,.85)}
.tp-stats{list-style:none;margin:18px 0 0;padding:0;display:flex;gap:12px;flex-wrap:wrap}
.tp-stats li{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:10px 18px;min-width:96px}
.tp-stats b{display:block;font-size:var(--fs-h3);font-weight:800}.tp-stats span{font-size:var(--fs-meta);color:rgba(255,255,255,.8)}
.tp-grid{list-style:none;margin:-14px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;position:relative}
.tp-card{background:#fff;border-radius:16px;padding:22px 20px 18px;box-shadow:0 6px 24px rgba(20,20,40,.08);display:flex;flex-direction:column;align-items:center;text-align:center}
.tp-av,.ap-av{position:relative;display:inline-block;border-radius:50%;padding:4px;background:linear-gradient(135deg,var(--brand),#f59e0b)}
.av{display:block;border-radius:50%;object-fit:cover;border:3px solid #fff;box-sizing:border-box}
.av-i{display:flex!important;align-items:center;justify-content:center;color:#fff;font-weight:800;line-height:1}
.tp-ok{position:absolute;right:4px;bottom:6px;width:24px;height:24px;border-radius:50%;background:#1d9bf0;color:#fff;font-size:var(--fs-meta);font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid #fff}
.tp-card h2{font-size:var(--fs-h3);font-weight:800;margin:12px 0 0}.tp-card h2 a{color:#111827}.tp-card h2 a:hover{color:var(--brand)}
.tp-role{font-size:var(--fs-meta);color:#6b7280;margin-top:3px}
.tp-nums{display:flex;gap:18px;margin-top:12px;font-size:var(--fs-meta);color:#6b7280}.tp-nums b{color:#111827;font-size:var(--fs-h5)}
.tp-bio{font-size:var(--fs-sm);color:#4b5563;line-height:var(--lh-normal);margin:10px 0 0}
.tp-last{display:block;width:100%;text-align:left;margin-top:14px;padding:10px 12px;background:#f7f8fa;border-radius:10px;font-size:var(--fs-sm);font-weight:600;line-height:var(--lh-normal);color:#1f2937}
.tp-last small{display:block;font-size:var(--fs-xs);font-weight:700;color:var(--brand);margin-bottom:2px}.tp-last:hover{background:#fff4f4}
.tp-cta{margin-top:14px;font-size:var(--fs-sm);font-weight:700;color:var(--brand)}
.tp-sec{margin-top:26px;background:#fff;border-radius:14px;padding:18px 20px 20px;box-shadow:0 1px 3px rgba(20,20,40,.06)}
.tp-sec-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.tp-sec-h h2,.ap-h{font-size:var(--fs-h3);font-weight:700;margin:0;padding-left:12px;border-left:4px solid var(--brand)}
.tp-join{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;padding:20px 22px;border-radius:14px;background:#111827;color:#fff}
.tp-join h2{font-size:var(--fs-h4);margin:0}.tp-join p{margin:4px 0 0;color:#cbd5e1;font-size:var(--fs-sm)}
.tp-join-btn{flex:none;display:inline-flex;align-items:center;height:42px;padding:0 20px;border-radius:10px;background:var(--brand);color:#fff!important;font-weight:700;font-size:var(--fs-sm)}
.tp-join-btn:hover{background:var(--brand-dark,#a50e16)}
/* author profile */
.ap-hero{padding-bottom:70px}
.ap-card{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center}
.ap-info h1{font-size:var(--fs-h1);font-weight:800;margin:0}
.ap-role{margin-top:4px;color:rgba(255,255,255,.85);font-size:var(--fs-sm)}.ap-ver{color:#93c5fd;font-weight:700}
.ap-bio{margin:10px 0 0;max-width:640px;color:rgba(255,255,255,.88);line-height:var(--lh-relaxed)}
.ap-nums{list-style:none;margin:14px 0 0;padding:0;display:flex;gap:10px;flex-wrap:wrap}
.ap-nums li{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:8px 14px}
.ap-nums b{display:block;font-size:var(--fs-h4);font-weight:800}.ap-nums span{font-size:var(--fs-meta);color:rgba(255,255,255,.8)}
.ap-card .sbar{align-self:start;margin:0}.ap-card .sbar-l{color:rgba(255,255,255,.75)}
.ap-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;margin-top:-46px;position:relative}
.ap-main{background:#fff;border-radius:14px;padding:18px 20px 8px;box-shadow:0 6px 24px rgba(20,20,40,.08)}
.ap-h{margin-bottom:14px}.ap-h small{font-size:var(--fs-meta);color:#9ca3af;font-weight:600;margin-left:6px}
.ap-side .ls-box:first-child{box-shadow:0 6px 24px rgba(20,20,40,.08)}
.tp-mini p{font-size:var(--fs-sm);color:#6b7280;margin:0 0 10px}
/* info pages */
.sp-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;margin-top:-18px;position:relative}
.sp-body{background:#fff;border-radius:14px;padding:26px 30px 30px;box-shadow:0 6px 24px rgba(20,20,40,.08)}
.sp-body h2{font-size:var(--fs-h3);margin:24px 0 8px;padding-left:10px;border-left:3px solid var(--brand)}
.sp-body h2:first-child{margin-top:0}
.sp-nav ul{list-style:none;margin:0;padding:0}
.sp-nav a{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border-radius:10px;font-size:var(--fs-sm);font-weight:600;color:#374151}
.sp-nav a:hover{background:#f7f8fa}.sp-nav a.on{background:#fff4f4;color:var(--brand)}
.sp-contact p{font-size:var(--fs-sm);color:#6b7280;margin:0 0 12px;line-height:var(--lh-normal)}
/* web stories empty */
.ws-empty{text-align:center;padding:34px 16px 26px;background:linear-gradient(180deg,#fff7f7,#fff);border-radius:14px;border:1px solid #f3e1e1;margin:8px 0 20px}
.ws-empty-ico{width:56px;height:56px;margin:0 auto 10px;border-radius:50%;background:var(--brand);color:#fff;font-size:26px;display:flex;align-items:center;justify-content:center}
.ws-empty h2{font-size:var(--fs-h3);margin:0 0 6px}.ws-empty p{color:#6b7280;margin:0 auto 14px;max-width:520px;line-height:var(--lh-relaxed)}
@media(max-width:900px){
  .tp-in{padding:0 12px}
  .tp-hero h1,.sp-hero h1{font-size:var(--fs-h2)}.tp-hero,.sp-hero,.ap-hero{padding:18px 0 24px}
  .tp-stats li{min-width:0;padding:8px 14px}.tp-stats b{font-size:var(--fs-h4)}
  .tp-grid{margin-top:-10px;grid-template-columns:1fr}
  .tp-join{flex-direction:column;align-items:flex-start}
  .ap-hero{padding-bottom:40px}
  .ap-card{grid-template-columns:auto 1fr;gap:14px}.ap-card .sbar{grid-column:1/-1}
  .ap-av .av{width:84px!important;height:84px!important}.ap-info h1{font-size:var(--fs-h2)}
  .ap-grid,.sp-grid{grid-template-columns:1fr;margin-top:-24px}
  .ap-main{padding:14px 12px 4px}
  .sp-body{padding:18px 16px 20px}
}
.tp-hero h1,.sp-hero h1,.ap-hero h1,.ap-info h1{color:#fff!important}
.tp-hero p,.sp-hero p{color:rgba(255,255,255,.88)!important}
.tp-crumbs a,.tp-crumbs span{color:rgba(255,255,255,.85)!important}
.tp-stats b,.ap-nums b{color:#fff}
/* ---- 404 / 503 ---- */
.nf{background:#f3f4f7;padding-bottom:30px}
.nf-hero{text-align:center;padding:40px 16px 30px;max-width:760px;margin:0 auto}
.nf-code{font-size:120px;font-weight:900;line-height:1;letter-spacing:-4px;background:linear-gradient(135deg,var(--brand),#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent}
.nf-hero h1{font-size:var(--fs-h1);font-weight:800;margin:10px 0 8px;color:#111827}
.nf-hero p{color:#6b7280;font-size:var(--fs-h5);line-height:var(--lh-relaxed);margin:0 auto 18px;max-width:560px}
.nf-search{display:flex;max-width:520px;margin:0 auto;border-radius:12px;overflow:hidden;box-shadow:0 6px 20px rgba(20,20,40,.1);background:#fff}
.nf-search input{flex:1;min-width:0;height:50px;border:0;padding:0 16px;font-size:var(--fs-h5);font-family:inherit;outline:0}
.nf-search button{border:0;background:var(--brand);color:#fff;font-weight:700;padding:0 22px;font-size:var(--fs-h5);font-family:inherit;cursor:pointer}
.nf-links{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px}
.nf-alt{display:inline-flex;align-items:center;height:42px;padding:0 18px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;font-weight:600;color:#374151}
.nf-alt:hover{border-color:var(--brand);color:var(--brand)}
.nf-cats{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.nf-cats a{display:inline-flex;height:32px;align-items:center;padding:0 12px;border-radius:999px;background:#fff;border:1px solid #e5e7eb;font-size:var(--fs-meta);font-weight:600;color:#4b5563}
.nf-cats a:hover{color:var(--brand);border-color:var(--brand)}
@media(max-width:900px){.nf-code{font-size:84px}.nf-hero h1{font-size:var(--fs-h3)}.nf-hero{padding-top:26px}}
/* ---- prominent "वीडियो NEW" nav link ---- */
.nav-new{position:relative;display:inline-flex;align-items:center;height:16px;padding:0 5px;margin-left:6px;border-radius:4px;background:#ffd400;color:#111!important;font:800 9.5px/1 sans-serif;font-style:normal;letter-spacing:.4px;vertical-align:middle}
.nav-new::before{content:"";position:absolute;left:-3px;top:-3px;width:7px;height:7px;border-radius:50%;background:#ffd400;animation:navPing 1.6s cubic-bezier(0,0,.2,1) infinite}
@keyframes navPing{0%{transform:scale(1);opacity:.9}75%,100%{transform:scale(2.4);opacity:0}}
@media(prefers-reduced-motion:reduce){.nav-new::before{animation:none}}
.site-header .navbar>li>a.nav-video{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#111827,#3b0a0f);color:#fff!important;border-radius:999px;padding:8px 14px 8px 12px!important;font-weight:700;box-shadow:0 4px 12px rgba(17,24,39,.18);transition:transform .15s,box-shadow .15s}
.site-header .navbar>li>a.nav-video svg{color:#ff3b3b}
.site-header .navbar>li>a.nav-video:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(208,18,27,.3);background:linear-gradient(135deg,#1f2937,#7a0d14);color:#fff!important}
.site-header .navbar>li>a.nav-video.active{background:var(--brand);color:#fff!important}.site-header .navbar>li>a.nav-video.active svg{color:#fff}
.site-header .navbar>li.nav-video-li{margin:0 4px}
/* mobile header pill */
.hdr-vid-li{display:flex;align-items:center;height:100%;padding-right:4px}
.hdr-vid{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 10px 0 9px;border-radius:999px;background:linear-gradient(135deg,#111827,#3b0a0f);color:#fff!important;font-size:var(--fs-meta);font-weight:700;line-height:1;white-space:nowrap}
.hdr-vid svg{color:#ff3b3b;flex:none}.hdr-vid .nav-new{margin-left:2px;height:14px;font-size:8.5px;padding:0 4px}
.hdr-vid.active{background:var(--brand)}.hdr-vid.active svg{color:#fff}
/* hamburger menu item */
#wapHamburgerMenu .menu-video{display:flex!important;align-items:center;gap:8px;font-weight:700;color:var(--brand)!important}
#wapHamburgerMenu .menu-video svg{flex:none}
.site-header .navbar{align-items:center}
.site-header .navbar>li.nav-video-li{display:flex;align-items:center}
.site-header .navbar>li>a.nav-video{line-height:var(--lh-tight)!important;margin:0!important}
/* mobile: pill sits just left of the search icon, vertically centred */
html[data-platform="wap"] .logo-header>ul{display:flex;align-items:center}
html[data-platform="wap"] .logo-header>ul>li.hdr-vid-li{margin-left:auto;float:none!important;padding:0 6px 0 0!important}
html[data-platform="wap"] .logo-header>ul>li#header-search{float:none!important;padding-right:14px!important}
html[data-platform="wap"] .hdr-vid svg{display:block;width:12px;height:12px}
/* sidebar ad units: always centred in the column (sidebar layouts reset child margins) */
.col-1>.ad-slot,.listing-side .ad-slot,.article-side .ad-slot,.ls-box+.ad-slot,aside .ad-slot,.ap-side .ad-slot,.vw-side .ad-slot,.listing-side-m .ad-slot{margin-left:auto!important;margin-right:auto!important;width:100%;align-self:center}
.ad-slot .ad-box{margin-left:auto;margin-right:auto}
.home-page .home-cols>.col-1>.ad-slot.ad-ready{margin-top:0!important;margin-bottom:0!important}
/* hero over real photos: deep bottom gradient + text shadow keep the headline readable on any image */
.featured-banner .overlay-info::before{height:100%!important;min-height:260px;background-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.35) 40%,rgba(0,0,0,.85) 100%)!important}
.featured-banner .heading-h2,.featured-banner .overlay-info .f-11{text-shadow:0 2px 8px rgba(0,0,0,.6)}
.featured-banner .card-panel.overlay-info{z-index:2}
.featured-banner h2,.featured-banner h2 a,.featured-banner .heading-h2{color:#fff!important}
/* ---- listing cards (zigwheels-style): image flush to the card edges, 16:9, sets the card height ---- */
html[data-platform="web"] .listing-card.lc{display:flex!important;align-items:stretch;padding:0!important;gap:0;background:#fff;border:1px solid #eceef2;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px rgba(20,20,40,.04);transition:box-shadow .2s,transform .2s}
html[data-platform="web"] .listing-card.lc:hover{box-shadow:0 8px 24px rgba(20,20,40,.10);transform:translateY(-1px)}
html[data-platform="web"] .listing-card.lc .card-image{flex:0 0 300px;width:300px!important;height:auto!important;aspect-ratio:16/9;margin:0!important;border-radius:0!important;align-self:stretch;overflow:hidden;background:#eceef2}
html[data-platform="web"] .listing-card.lc .card-image a,html[data-platform="web"] .listing-card.lc .card-image img{display:block;width:100%;height:100%}
html[data-platform="web"] .listing-card.lc .card-image img{object-fit:cover;transition:transform .35s}
html[data-platform="web"] .listing-card.lc:hover .card-image img{transform:scale(1.04)}
html[data-platform="web"] .listing-card.lc .card-panel{flex:1;min-width:0;width:auto!important;padding:14px 20px!important;display:flex;flex-direction:column;justify-content:center}
html[data-platform="web"] .listing-card.lc .card-panel h2{font-size:var(--fs-h4);line-height:var(--lh-normal);margin:0 0 6px!important}
html[data-platform="web"] .listing-card.lc .card-panel h2 a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html[data-platform="web"] .listing-card.lc .card-panel p{margin:0!important;font-size:var(--fs-sm);line-height:var(--lh-normal);color:#4b5563}
html[data-platform="web"] .listing-card.lc .pr-meta{margin-top:8px!important;font-size:var(--fs-meta)}
html[data-platform="web"] .lc-feed .listing-card.lc{margin-bottom:14px}
html[data-platform="wap"] .listing-card.lc{display:block!important;padding:0!important;overflow:hidden}
html[data-platform="wap"] .listing-card.lc .card-image{display:block;width:100%!important;height:auto!important;aspect-ratio:16/9;margin:0!important;border-radius:0!important;background:#eceef2}
html[data-platform="wap"] .listing-card.lc .card-image a,html[data-platform="wap"] .listing-card.lc .card-image img{display:block;width:100%;height:100%;object-fit:cover}
html[data-platform="wap"] .listing-card.lc .card-panel{width:auto!important;padding:12px 14px 14px!important}
/* listing cards: lifted off the page surface — layered soft shadow, crisp edge, stronger lift on hover */
.listing-card.lc{background:#fff!important;border:1px solid rgba(17,24,39,.06)!important;box-shadow:0 1px 2px rgba(17,24,39,.06),0 4px 12px rgba(17,24,39,.07),0 12px 28px -8px rgba(17,24,39,.10)!important;transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease!important}
.listing-card.lc:hover{transform:translateY(-3px)!important;border-color:rgba(208,18,27,.18)!important;box-shadow:0 2px 4px rgba(17,24,39,.06),0 10px 24px rgba(17,24,39,.10),0 24px 48px -12px rgba(208,18,27,.18)!important}
.listing-card.lc:hover .card-panel h2 a{color:var(--brand)}
.lc-feed .listing-card.lc{margin-bottom:18px!important}
html[data-platform="wap"] .lc-feed .listing-card.lc{margin-bottom:14px!important}
.blog-page,.listing-layout{background:transparent}
/* ---- thumbnails: 16:9 rectangles instead of near-squares (lead image of a block keeps its size) ---- */
.list-hr .car-img{width:112px;min-width:112px;height:63px;border-radius:8px}
html[data-platform="wap"] .pr .car-img,html[data-platform="wap"] .list-hr .car-img{width:120px;min-width:120px;height:68px}
.big-news-card .list-hr li:first-child .car-img{min-width:0}
@media(min-width:901px){.big-news-card .list-hr li:not(:first-child){height:auto!important;min-height:63px}}
.list-hr .car-img img,.list-hr .car-img>a{width:100%;height:100%;object-fit:cover;display:block}
.ls-thumb,.fp-thumb{width:96px!important;height:54px!important}
.hs-img{width:104px!important;height:58px!important}
/* ---- every card: image flush to the card edges, padding only around the text ---- */
.card.pc,.card.vc{padding:0!important;overflow:hidden;border:1px solid rgba(17,24,39,.06);box-shadow:0 1px 2px rgba(17,24,39,.05),0 6px 16px -6px rgba(17,24,39,.10);transition:box-shadow .25s,transform .25s}
.card.pc:hover,.card.vc:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(17,24,39,.08),0 16px 32px -12px rgba(208,18,27,.16)}
.card.pc .image-wrapper{height:auto!important;aspect-ratio:16/9;margin:0!important;border-radius:0!important;overflow:hidden;background:#eceef2}
.card.pc .image-wrapper a,.card.pc .image-wrapper img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0!important}
.card.pc .card-panel{padding:10px 12px 12px!important}
.card.vc .card-image{border-radius:0!important;margin:0!important}
.card.vc .card-panel{padding:10px 12px 12px!important}
html[data-platform="wap"] .pc .image-wrapper{height:auto!important}
html[data-platform] .list-hr .car-img{width:112px;min-width:112px;height:63px;margin-right:12px}
html[data-platform="wap"] .list-hr .car-img{width:120px;min-width:120px;height:68px}
html[data-platform] .big-news-card .list-hr li:first-child .car-img{width:100%;min-width:0;margin-right:0}
html[data-platform="web"] .big-news-card .list-hr li:not(:first-child){height:78px!important;align-items:center}
/* ================= news-image boxes sized to the photos (measured: 300 live covers, median 1.5) =================
   3:2 crops the least overall (avg 15%, 23% of photos lose >20%) vs 16:9 (18%, 46%). Video/Shorts keep 16:9/9:16. */
/* thumbnails */
html[data-platform] .list-hr .car-img{width:112px;min-width:112px;height:75px}
html[data-platform="wap"] .list-hr .car-img{width:120px;min-width:120px;height:80px}
.ls-thumb,.fp-thumb{width:96px!important;height:64px!important}
.hs-img{width:104px!important;height:69px!important}
.nr-img{aspect-ratio:3/2!important;height:auto!important}
.post-nav img{width:96px!important;height:64px!important}
/* card images */
html[data-platform] .card.pc .image-wrapper,.nc-img,.rel-img{aspect-ratio:3/2!important;height:auto!important}
html[data-platform="web"] .listing-card.lc .card-image{flex-basis:300px;width:300px!important;height:200px!important;aspect-ratio:auto!important;align-self:center!important}
html[data-platform="web"] .listing-card.lc{min-height:200px;align-items:center}
html[data-platform="wap"] .listing-card.lc .card-image{aspect-ratio:3/2!important}
/* lead story of each 5-story block: 3:2 image; the 4 rows beside it share its height */
html[data-platform] .big-news-card .list-hr li:first-child .car-img{height:auto!important;aspect-ratio:3/2;min-height:0!important}
@media(min-width:901px){
  html[data-platform="web"] .big-news-card .list-hr{grid-template-rows:repeat(4,1fr)!important;align-items:stretch}
  html[data-platform="web"] .big-news-card .list-hr li:first-child{height:auto!important;grid-row:1/span 4}
  html[data-platform="web"] .big-news-card .list-hr li:not(:first-child){height:auto!important;min-height:0;align-items:center}
}
/* article main image */
.blog-detail .article-hero img{aspect-ratio:3/2!important}
/* home hero: desktop banner 2:1 (was ~2.9:1), mobile 3:2 */
@media(min-width:901px){.home-page>.featured-banner .splide__track,.home-page>.featured-banner .splide__slide,.home-page>.featured-banner .splide__list{height:min(640px,50vw)!important}}
@media(max-width:900px){.home-page>.featured-banner .card-image{aspect-ratio:3/2!important}}
/* ================= author profile v2 ================= */
.ap-hero{padding-bottom:64px}
.ap2{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:center}
.ap2-id{display:flex;gap:22px;align-items:flex-start}
.ap2-txt{min-width:0}
.ap2-kicker{display:inline-block;font-size:var(--fs-meta);font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#fecaca;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);padding:4px 10px;border-radius:999px}
.ap2-txt h1{font-size:var(--fs-h1);font-weight:800;margin:10px 0 0;line-height:var(--lh-tight);color:#fff!important}
.ap2-ver{font-size:var(--fs-meta);font-weight:700;color:#bfdbfe;background:rgba(29,155,240,.18);border:1px solid rgba(147,197,253,.35);padding:3px 9px;border-radius:999px;vertical-align:middle}
.ap2-bio{margin:10px 0 0;max-width:640px;font-size:var(--fs-h5);line-height:var(--lh-relaxed);color:rgba(255,255,255,.9)}
.ap2-beats{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}
.ap2-beats span{font-size:var(--fs-meta);color:rgba(255,255,255,.75);font-weight:600}
.ap2-beats a{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;background:#fff;color:#7a0d14;font-size:var(--fs-meta);font-weight:700}
.ap2-beats a:hover{background:#ffe4e6}
.ap2-share{margin-top:16px}.ap2-share .sbar{margin:0}.ap2-share .sbar-l{color:rgba(255,255,255,.75)}
.ap2-stats{list-style:none;margin:0;padding:6px;display:grid;grid-template-columns:1fr 1fr;gap:6px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:16px;backdrop-filter:blur(6px)}
.ap2-stats li{background:rgba(255,255,255,.08);border-radius:12px;padding:14px 16px}
.ap2-stats b{display:block;font-size:var(--fs-h2);font-weight:800;color:#fff;line-height:1.1}
.ap2-stats span{display:block;margin-top:4px;font-size:var(--fs-meta);color:rgba(255,255,255,.8)}
.ap-main{padding:20px 22px 10px}
.ap-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ap-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:4px 0 16px;padding-bottom:2px}
.ap-tabs::-webkit-scrollbar{display:none}
.ap-tabs a{flex:none;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;font-size:var(--fs-sm);font-weight:600;color:#374151}
.ap-tabs a small{font-size:var(--fs-xs);color:#9ca3af;font-weight:600}
.ap-tabs a:hover{border-color:var(--brand);color:var(--brand)}
.ap-tabs a.on{background:var(--brand);border-color:var(--brand);color:#fff}.ap-tabs a.on small{color:rgba(255,255,255,.8)}
.ap-bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.ap-bars a{display:block;color:#374151}
.ap-bar-l{display:flex;justify-content:space-between;font-size:var(--fs-sm);font-weight:600}.ap-bar-l b{font-size:var(--fs-meta);color:#6b7280;font-weight:600}
.ap-bar{display:block;height:7px;margin-top:6px;border-radius:999px;background:#f1f2f5;overflow:hidden}
.ap-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand),#f59e0b)}
.ap-bars a:hover .ap-bar-l{color:var(--brand)}
.ap-side .tp-mini .tp-join-btn{height:38px;font-size:var(--fs-meta)}
@media(max-width:1100px){.ap2{grid-template-columns:1fr}.ap2-stats{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){
  .ap-hero{padding:16px 0 40px}
  .ap2{gap:16px}
  .ap2-id{gap:14px}
  .ap2-id .ap-av .av{width:76px!important;height:76px!important;font-size:32px!important}
  .ap2-txt h1{font-size:var(--fs-h2);margin-top:8px}
  .ap2-kicker{font-size:var(--fs-xs);padding:3px 8px}
  .ap2-bio{font-size:var(--fs-sm);line-height:var(--lh-relaxed)}
  .ap2-stats{grid-template-columns:repeat(2,1fr);padding:5px;gap:5px}
  .ap2-stats li{padding:10px 12px}.ap2-stats b{font-size:var(--fs-h3)}
  .ap-main{padding:14px 12px 4px}
  .ap-tabs{margin:2px -12px 12px;padding:0 12px 2px}
}
.ap-grid>*{min-width:0}.ap-main,.ap-tabs{min-width:0;max-width:100%}
@media(max-width:900px){.ap2-share .sb{width:34px;height:34px}.ap2-share .sbar{gap:8px}}
/* ---- footer "सबसे लोकप्रिय खबरें": compact thumbnails so the column reads as a tidy list ---- */
html[data-platform] footer .footer-popular-col .list-hr li{align-items:center;margin-bottom:10px;height:auto!important;min-height:0}
html[data-platform] footer .footer-popular-col .list-hr .car-img{width:72px;min-width:72px;height:48px;margin-right:10px;border-radius:6px}
html[data-platform] footer .footer-popular-col .related-videos a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--fs-meta);line-height:var(--lh-snug)}
html[data-platform] .fp-row{padding:10px 0;gap:10px}
html[data-platform] .fp-thumb{width:72px!important;height:48px!important;border-radius:6px}
/* ---- listing sidebar: the clock closes the column and stays in view while the feed scrolls (desktop) ---- */
html[data-platform="web"] .listing-layout>.listing-side{align-self:stretch;display:flex;flex-direction:column}
html[data-platform="web"] .listing-side>.ls-clock{position:sticky;top:84px;margin-top:20px!important;z-index:1}
html[data-platform="web"] .listing-side .side-clock{border-radius:12px}
html[data-platform="web"] .listing-side .side-clock{padding:16px}
html[data-platform="web"] .listing-side .clock-wrap{gap:12px}
html[data-platform="web"] .listing-side .clock{width:132px;height:132px}
html[data-platform="web"] .listing-side .clock-wrap>:not(svg){min-width:0}
html[data-platform="web"] .listing-side .clock-time{font-size:23px;gap:4px}
html[data-platform="web"] .listing-side .clock-time small{font-size:11px}
/* footer most-read meta: category · views on one line */
html[data-platform] footer .footer-popular-col .pr-meta{display:flex;align-items:center;gap:6px;white-space:nowrap;margin-top:4px}
html[data-platform] footer .footer-popular-col .pr-meta>a{display:inline!important;width:auto;padding:0;margin:0;font-size:var(--fs-meta);line-height:var(--lh-snug);color:#fca5a5}
html[data-platform] footer .footer-popular-col .pr-meta .views{display:inline-flex;align-items:center;gap:4px}
/* ---- footer "सबसे लोकप्रिय खबरें" thumbnails: clean centred 3:2 photo, nothing drawn over it ---- */
html[data-platform] footer .footer-popular-col .list-hr .car-img,html[data-platform] .fp-thumb{position:relative;width:84px!important;min-width:84px;height:56px!important;border-radius:8px;overflow:hidden;background:#1b2440;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
html[data-platform] footer .footer-popular-col .list-hr .car-img>a{display:block;width:100%;height:100%;border-radius:inherit;overflow:hidden}
html[data-platform] footer .footer-popular-col .list-hr .car-img img,html[data-platform] .fp-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit;transition:transform .35s ease}
html[data-platform] footer .footer-popular-col .list-hr li:hover .car-img img,html[data-platform] .fp-row:hover .fp-thumb img{transform:scale(1.05)}
html[data-platform] footer .footer-popular-col .list-hr li{padding-bottom:10px!important;margin-bottom:10px!important;border-bottom:1px solid rgba(255,255,255,.07)}
html[data-platform] footer .footer-popular-col .list-hr li:last-child{border-bottom:0;margin-bottom:0!important}