/* Top Viewed mobile framing. Keep media controls and the long feed untouched. */
html:has(#top-viewed:target){overflow-anchor:none;scroll-behavior:auto!important}
@media (max-width:760px){
  #top-viewed.top-videos{
    scroll-margin-top:calc(20px + env(safe-area-inset-top,0px))!important;
    margin-inline:8px!important;
    padding:16px!important;
    border-radius:20px!important;
  }
  #top-viewed.top-videos > h2{
    line-height:1.2!important;
    overflow-wrap:anywhere;
  }
  #top-viewed.top-videos > .divider{margin:12px 0 16px!important}
  #top-viewed #front-top-grid{gap:18px!important}
  #top-viewed article.card{border-radius:16px!important}
  #top-viewed .preview-holder{aspect-ratio:16 / 9}
  #top-viewed article.card > h3,
  #top-viewed article.card > p,
  #top-viewed article.card > .video-card-tags{
    padding-inline:14px!important;
    box-sizing:border-box;
  }
  #top-viewed article.card h3 a{-webkit-line-clamp:unset!important}
}