/* Toli Adugu V12.8.2 — Hero + Top 10 final rail / reliable Latest loop */

/* =========================================================
   DESKTOP HERO + TOP 10
   - Trending News removed
   - Hero stays true 16:9
   - Top 10 is the same height as Hero
   - Approved Top 10 list stays on LEFT, rotating feature/image on RIGHT
   ========================================================= */
@media (min-width:1181px){
  .broadcast-hero .hero-layout{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
    align-items:start!important;
    container-type:inline-size;
  }
  .broadcast-hero .hero-main{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:16/9!important;
    align-self:start!important;
  }
  .broadcast-hero .hero-side-stack{
    width:100%!important;
    height:calc(28.125cqw - 3.9375px)!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    align-self:start!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  .broadcast-hero .v127-hero-news-rail.v1281-top10-only{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
  }
  .broadcast-hero .v127-top10-host{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
  }
}

.broadcast-hero .hero-main .hero-slide{
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
}

/* Hide any stale Trending panel if older cached HTML happens to be present. */
#trending-news,.v127-trending-panel{display:none!important}
.v127-hero-news-rail.v1281-top10-only{grid-template-columns:1fr!important}

/* Top 10 section consumes the full hero-height rail. */
#top10.v127-moved-top10{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
#top10.v127-moved-top10>.container{
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
}
#top10.v127-moved-top10 .section-head{
  min-height:42px!important;
  height:42px!important;
  margin:0 0 6px!important;
  padding:0 3px!important;
  align-items:center!important;
}
#top10.v127-moved-top10 .section-head h2{
  font-size:14px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#top10.v127-moved-top10 .section-head .eyebrow{font-size:8px!important;margin-bottom:3px!important}
#top10.v127-moved-top10 .tab-buttons{display:none!important}

/* Same approved wall, only swap its two columns: LIST LEFT / IMAGE RIGHT. */
#top10.v127-moved-top10 .ranking-wall{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
  grid-template-rows:minmax(0,1fr)!important;
  gap:9px!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  padding:9px!important;
  border-radius:20px!important;
  overflow:hidden!important;
}
#top10.v127-moved-top10 .top10-rotator-list{
  grid-column:1!important;
  grid-row:1!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:5px!important;
  display:grid!important;
  grid-template-rows:repeat(10,minmax(0,1fr))!important;
  gap:2px!important;
  overflow:hidden!important;
}
#top10.v127-moved-top10 .rotating-rank-feature{
  grid-column:2!important;
  grid-row:1!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}
#top10.v127-moved-top10 .rank-feature-media{height:100%!important;min-height:0!important}
#top10.v127-moved-top10 .top10-rotator-list li{
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:2px 4px!important;
  border-radius:8px!important;
  grid-template-columns:26px 34px minmax(0,1fr) 12px!important;
  gap:4px!important;
}
#top10.v127-moved-top10 .rank-number{
  width:25px!important;min-width:25px!important;height:25px!important;font-size:10px!important
}
#top10.v127-moved-top10 .rank-thumb{width:32px!important;height:24px!important;border-radius:5px!important}
#top10.v127-moved-top10 .top10-rotator-list li b{
  font-size:8px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
}
#top10.v127-moved-top10 .top10-rotator-list li small{
  font-size:6px!important;line-height:1.1!important;margin-top:1px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
}
#top10.v127-moved-top10 .rank-feature-copy{
  left:10px!important;right:10px!important;bottom:9px!important;padding:8px 10px!important;border-radius:12px!important
}
#top10.v127-moved-top10 .rank-feature-copy h3{
  font-size:11px!important;line-height:1.2!important;margin:3px 0!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important
}
#top10.v127-moved-top10 .rank-feature-copy p{display:none!important}
#top10.v127-moved-top10 .rank-crown{
  width:40px!important;min-width:40px!important;height:40px!important;top:9px!important;left:9px!important
}
#top10.v127-moved-top10 .rank-crown b{font-size:17px!important}

/* =========================================================
   Latest News — up to 20 stories, automatic continuous loop
   ========================================================= */
.v128-latest-loop{overflow:hidden!important}
.v128-latest-loop .section-head{align-items:center!important}
.v128-latest-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.v128-latest-controls>button{width:34px;height:34px;border:1px solid #d7e4ef;border-radius:10px;background:#fff;color:#124d83;font:900 20px/1 Inter;cursor:pointer;box-shadow:0 5px 13px rgba(11,53,91,.08)}
.v128-latest-counter{font:900 9px/1 Inter,sans-serif;letter-spacing:.08em;color:#50708f;background:#eef6fc;border:1px solid #d8e8f4;border-radius:999px;padding:7px 9px}
.v128-latest-viewport{width:100%;overflow:hidden;padding:2px 1px 8px;touch-action:pan-y}
.v128-latest-track{display:flex!important;gap:12px!important;will-change:transform;transform:translate3d(0,0,0);transition:transform .62s cubic-bezier(.22,.75,.18,1)!important}
.v128-latest-card{flex:0 0 calc((100% - 36px)/4)!important;min-width:0!important;margin:0!important}
.v128-latest-card .v128-card-link{display:block;height:100%;color:inherit;text-decoration:none}
.v128-latest-card .card-media{aspect-ratio:16/9!important}

/* Final Gallery + Cinema block is already server-rendered. */
.v128-media-showcase{margin-top:12px!important;margin-bottom:16px!important}
.v128-media-showcase .widget-deck-grid{min-height:0!important;height:auto!important}

@media(max-width:1180px){
  .broadcast-hero .hero-layout{grid-template-columns:1fr!important}
  .broadcast-hero .hero-main{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:16/9!important}
  .broadcast-hero .hero-side-stack{height:560px!important;min-height:0!important;max-height:none!important;margin-top:12px!important;overflow:hidden!important}
  .v127-hero-news-rail.v1281-top10-only,.v127-top10-host{height:100%!important}
  #top10.v127-moved-top10 .ranking-wall{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;grid-template-rows:minmax(0,1fr)!important}
  .v128-latest-card{flex-basis:calc((100% - 12px)/2)!important}
}

@media(max-width:760px){
  .broadcast-hero .hero-main{aspect-ratio:16/9!important;height:auto!important;min-height:0!important}
  .broadcast-hero .hero-side-stack{height:auto!important;overflow:visible!important}
  .v127-hero-news-rail.v1281-top10-only,.v127-top10-host{height:auto!important}
  #top10.v127-moved-top10{height:auto!important;overflow:visible!important}
  #top10.v127-moved-top10>.container{height:auto!important;display:block!important}
  #top10.v127-moved-top10 .section-head{height:auto!important;min-height:46px!important}
  #top10.v127-moved-top10 .ranking-wall{
    height:auto!important;
    grid-template-columns:1fr!important;
    grid-template-rows:220px auto!important;
    gap:9px!important;
  }
  #top10.v127-moved-top10 .rotating-rank-feature{grid-column:1!important;grid-row:1!important;height:220px!important}
  #top10.v127-moved-top10 .top10-rotator-list{
    grid-column:1!important;grid-row:2!important;height:auto!important;display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;gap:7px!important
  }
  #top10.v127-moved-top10 .top10-rotator-list li{flex:0 0 240px!important;min-height:58px!important;grid-template-columns:30px 44px minmax(0,1fr) 12px!important}
  #top10.v127-moved-top10 .rank-thumb{width:42px!important;height:34px!important}
  #top10.v127-moved-top10 .top10-rotator-list li b{font-size:10px!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}
  #top10.v127-moved-top10 .top10-rotator-list li small{font-size:7px!important}
  .v128-latest-card{flex-basis:100%!important}
  .v128-latest-controls .view-all{display:none!important}
}

/* Fallback when container query units are unavailable: JS synchronises exact height. */
@supports not (height:1cqw){
  @media(min-width:1181px){.broadcast-hero .hero-side-stack{height:auto!important}}
}


/* =========================================================
   V12.8.2 — Top 10 density + readable titles + story deck
   ========================================================= */
#top10.v127-moved-top10{
  border:1px solid rgba(30,211,255,.72)!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(246,251,255,.98))!important;
  box-shadow:
    0 0 0 1px rgba(206,46,255,.22),
    0 0 13px rgba(28,210,255,.28),
    0 0 28px rgba(196,43,255,.16),
    0 16px 34px rgba(4,38,75,.13)!important;
}
/* Remove the dashboard subtitle/eyebrow line (including the old Ranked… text). */
#top10.v127-moved-top10 .section-head .eyebrow{display:none!important}
#top10.v127-moved-top10 .section-head{
  min-height:30px!important;height:30px!important;margin:0 8px 3px!important;padding:0!important
}
#top10.v127-moved-top10 .section-head h2{
  display:block!important;font-family:'Anek Telugu','Noto Sans Telugu',sans-serif!important;
  font-size:15px!important;font-weight:800!important;line-height:1.1!important;color:#0a3968!important
}
#top10.v127-moved-top10 .ranking-wall{
  min-height:0!important;padding:6px!important;gap:7px!important;border-radius:16px!important
}
#top10.v127-moved-top10 .top10-rotator-list{
  padding:2px 3px!important;gap:2px!important;grid-template-rows:repeat(10,minmax(0,1fr))!important
}
#top10.v127-moved-top10 .top10-rotator-list li{
  grid-template-columns:28px 34px minmax(0,1fr)!important;
  padding:2px 5px!important;gap:5px!important;border-radius:9px!important;overflow:hidden!important
}
#top10.v127-moved-top10 .top10-rotator-list li em,
#top10.v127-moved-top10 .top10-rotator-list li small{display:none!important}
#top10.v127-moved-top10 .rank-number{
  width:27px!important;min-width:27px!important;height:27px!important;font-size:11px!important
}
#top10.v127-moved-top10 .rank-thumb{width:33px!important;height:25px!important;border-radius:5px!important}
#top10.v127-moved-top10 .top10-rotator-list li b{
  font-family:'Anek Telugu','Noto Sans Telugu',sans-serif!important;
  font-size:10.5px!important;font-weight:800!important;line-height:1.18!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
}
/* Feature becomes image + same-colour headline/description deck below it. */
#top10.v127-moved-top10 .rotating-rank-feature{
  display:grid!important;grid-template-rows:minmax(0,1fr) auto!important;
  background:#fff!important;border-radius:17px!important
}
#top10.v127-moved-top10 .rank-feature-media{
  grid-row:1!important;position:relative!important;min-height:0!important;height:auto!important;
  border-radius:15px 15px 0 0!important;overflow:hidden!important
}
#top10.v127-moved-top10 .rank-feature-copy{
  position:relative!important;grid-row:2!important;left:auto!important;right:auto!important;bottom:auto!important;
  width:100%!important;margin:0!important;padding:8px 11px 9px!important;border-radius:0 0 15px 15px!important;
  background:linear-gradient(135deg,#c72b7d 0%,#a93fa9 52%,#7449c9 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.35)!important;color:#fff!important
}
#top10.v127-moved-top10 .rank-feature-copy::before{display:none!important}
#top10.v127-moved-top10 .rank-feature-copy .plate.exclusive{display:none!important}
#top10.v127-moved-top10 .rank-feature-copy h3{
  font-family:'Anek Telugu','Noto Sans Telugu',sans-serif!important;
  font-size:12px!important;font-weight:800!important;line-height:1.22!important;margin:0!important;color:#fff!important;
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important
}
#top10.v127-moved-top10 .rank-feature-copy p{
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;
  font-family:'Mandali','Noto Sans Telugu',sans-serif!important;font-size:9px!important;font-weight:400!important;
  line-height:1.35!important;margin:4px 0 0!important;color:rgba(255,255,255,.94)!important
}
#top10.v127-moved-top10 .rank-feature-copy .meta-inverse{margin-top:4px!important;gap:7px!important}
#top10.v127-moved-top10 .rank-feature-copy .meta-inverse>span{font-size:7px!important}
#top10.v127-moved-top10 .rank-crown{z-index:5!important}

@media (max-width:1180px){
  #top10.v127-moved-top10 .top10-rotator-list li b{font-size:11px!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}
  #top10.v127-moved-top10 .rank-feature-copy h3{font-size:14px!important}
  #top10.v127-moved-top10 .rank-feature-copy p{font-size:10px!important}
}