/* Toli Adugu V12.7.1
   APPROVED TOP 10 RESTORE
   The original V4 Top 10 Ranking Wall markup/styles/rotator are preserved.
   This file only repositions that existing design beside the Hero and styles the new Trending list. */

@media (min-width:1181px){
  .broadcast-hero .hero-layout{
    grid-template-columns:minmax(0,1.18fr) minmax(760px,1fr)!important;
    gap:14px!important;
    align-items:stretch!important;
  }
  .broadcast-hero .hero-main{
    min-width:0!important;
    min-height:660px!important;
  }
  .broadcast-hero .hero-side-stack{
    height:660px!important;
    min-height:660px!important;
    display:block!important;
  }
}

.broadcast-hero .hero-side-stack{overflow:visible!important;background:#fff!important}
.v127-hero-news-rail{
  width:100%;height:100%;min-width:0;
  display:grid;
  grid-template-columns:minmax(0,2.35fr) minmax(225px,.82fr);
  gap:12px;
  align-items:stretch;
}
.v127-top10-host{min-width:0;height:100%;overflow:hidden}

/* IMPORTANT: do not redesign the wall. Only make the original section fit its new location. */
#top10.v127-moved-top10{
  width:100%!important;height:100%!important;
  margin:0!important;padding:0!important;
  background:#fff!important;
}
#top10.v127-moved-top10>.container{
  width:100%!important;max-width:none!important;height:100%!important;
  margin:0!important;padding:0!important;
}
#top10.v127-moved-top10 .section-head{
  margin-top:0!important;
}
#top10.v127-moved-top10 .ranking-wall{
  width:100%!important;
  min-width:0!important;
}

/* Trending News is the only new design in this rail. */
.v127-rail-panel{
  height:100%;min-width:0;overflow:hidden;
  border:1px solid #e1d9de;border-radius:22px;background:#fff;
  box-shadow:0 12px 30px rgba(9,38,70,.10);
  display:flex;flex-direction:column;
}
.v127-trending-panel header{
  min-height:62px;padding:10px 12px;
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  color:#fff;background:linear-gradient(135deg,#94112f,#e52953);
}
.v127-trending-panel header div{min-width:0}
.v127-trending-panel header small{
  display:block;font:900 8px/1 Inter,sans-serif;letter-spacing:.13em;opacity:.82;margin-bottom:5px
}
.v127-trending-panel header h2{
  margin:0!important;color:#fff!important;
  font:800 16px/1.25 Ramabhadra,'Noto Sans Telugu',sans-serif!important;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.v127-trending-panel header em{
  flex:0 0 auto;border:1px solid rgba(255,255,255,.35);border-radius:999px;
  padding:5px 7px;font:900 8px/1 Inter,sans-serif;font-style:normal;background:rgba(255,255,255,.12)
}
.v127-trending-list{
  list-style:none;margin:0;padding:8px 10px 10px;min-height:0;overflow:hidden;
  display:flex;flex:1;flex-direction:column;
}
.v127-trending-list li{
  flex:1;min-height:0;display:grid;grid-template-columns:12px minmax(0,1fr);gap:7px;
  align-items:center;border-bottom:1px dashed #eadce1;padding:4px 1px
}
.v127-trending-list li:last-child{border-bottom:0}
.v127-trending-list li>i{
  width:7px;height:7px;border-radius:50%;background:#e3224e;
  box-shadow:0 0 0 3px rgba(227,34,78,.11)
}
.v127-trending-list a{min-width:0;text-decoration:none;color:#102a43;display:block}
.v127-trending-list b{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  font:800 10px/1.35 'Noto Sans Telugu',Ramabhadra,sans-serif
}
.v127-trending-list small{
  display:block;margin-top:3px;color:#7890a4;font:700 7px/1.1 Inter,sans-serif;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}

@media(max-width:1500px) and (min-width:1181px){
  .broadcast-hero .hero-layout{grid-template-columns:minmax(0,1fr) minmax(690px,1.06fr)!important}
  .v127-hero-news-rail{grid-template-columns:minmax(0,2.2fr) minmax(205px,.78fr)}
}

@media(max-width:1180px){
  .broadcast-hero .hero-layout{grid-template-columns:1fr!important}
  .broadcast-hero .hero-side-stack{height:auto!important;min-height:0!important;margin-top:12px!important}
  .v127-hero-news-rail{grid-template-columns:minmax(0,2fr) minmax(230px,.8fr);height:auto}
  #top10.v127-moved-top10{height:auto!important}
}

@media(max-width:900px){
  .v127-hero-news-rail{grid-template-columns:1fr}
  .v127-trending-panel{min-height:360px}
}

@media(max-width:760px){
  .v127-hero-news-rail{gap:10px}
  #top10.v127-moved-top10 .section-head{padding-left:2px!important;padding-right:2px!important}
  .v127-trending-panel{min-height:390px;height:auto}
  .v127-trending-panel header{min-height:54px}
  .v127-trending-list{padding:7px 9px 9px}
  .v127-trending-list li{min-height:34px}
  .v127-trending-list b{font-size:10px}
}