/* Compact ranked lists. Images belong only to the first ten news stories. */
.ranking-introduction{max-width:74ch;margin:12px 0 0;color:#b5c0d3;font-size:.86rem;line-height:1.6}
#results.ranking-list{display:block}
.ranking-list .result-main{align-items:start;padding-top:1.15rem;padding-bottom:1.15rem}
.ranking-list .rank-position,.ranking-list .score-cell,.ranking-list .primary-signal{padding-top:.15rem}
.ranking-list .result-copy>a:not(.news-list-thumbnail){display:block;white-space:normal;overflow:visible;text-overflow:clip;-webkit-line-clamp:unset;font-size:.96rem;line-height:1.4;overflow-wrap:anywhere}
.ranking-list .result-copy{min-width:0;display:flow-root}
.ranking-description{margin:.45rem 0 .5rem;color:#b8c3d5;font-size:.82rem;line-height:1.6;overflow-wrap:anywhere;white-space:normal}
.ranking-description.description-pending{color:#929caf;font-size:.74rem}
.ranking-list .result-copy .news-list-thumbnail{display:block;float:left;width:144px;max-width:35%;margin:0 15px 9px 0;border-radius:9px;overflow:hidden}
.news-list-thumbnail img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;background:#111725}
.news-list-thumbnail:focus-visible{outline:2px solid #38e0d0;outline-offset:3px}
.ranking-list .news-list-thumbnail[hidden]{display:none!important}
.ranking-list .meta{white-space:normal;line-height:1.4;color:#98a5bb}
.ranking-list .follow-action{min-height:32px;font-size:.68rem;padding:.3rem .6rem}
.ranking-list .rank-details>summary{min-height:40px}
.ranking-list .primary-signal strong{font-size:.77rem;line-height:1.45;overflow-wrap:anywhere}
.ranking-list .score-cell strong{font-size:1.5rem}
.hub-ranking-list li>a{white-space:normal!important;text-overflow:clip!important;line-height:1.45}
.hub-card .hub-description{line-height:1.6}
@media(max-width:760px){
 .ranking-list .result-main{grid-template-columns:42px minmax(0,1fr) 48px;gap:.65rem;padding:1rem .8rem}
 .ranking-list .rank-position{flex-direction:column;gap:.2rem}
 .ranking-list .number{font-size:1.45rem}
 .ranking-list .primary-signal,.ranking-list .row-spacer{display:none}
 .ranking-list .result-copy>a:not(.news-list-thumbnail){font-size:.91rem;line-height:1.45}
 .ranking-description{font-size:.79rem;line-height:1.6}
 .ranking-list .result-copy .news-list-thumbnail{float:none;max-width:100%;width:144px;margin:0 0 10px}
 .ranking-list .score-cell strong{font-size:1.2rem}
 .ranking-list .score-cell span{font-size:.57rem;white-space:normal;line-height:1.4}
 .ranking-list .follow-action{min-height:36px}
 .ranking-list .rank-details>summary{position:static;display:flex;justify-content:space-between;width:auto;height:auto;min-height:40px;margin:0 .8rem .45rem;padding:.3rem 0;border:0;border-top:1px solid #ffffff0b;border-radius:0;background:transparent;font-size:.7rem}
 .ranking-list .rank-details>summary span:first-child{position:static;width:auto;height:auto;overflow:visible;clip:auto}
 .ranking-list .mobile-player-points{font-size:.72rem;line-height:1.5;white-space:normal}
 .ranking-toolbar{align-items:start;gap:10px;flex-wrap:wrap}
 #count{white-space:normal}
}
@media(prefers-reduced-motion:reduce){.ranking-list .result{transition:none}}
.ranking-list .result-copy > a.description-source {
  display: inline-block; margin: 0 0 6px; font-size: .69rem; font-weight: 500;
  color: var(--muted, #9fa8bc); line-height: 1.5; text-decoration: underline;
  text-underline-offset: 3px;
}
