/* Mobile listing polish. Deliberately leaves media, runtime and provider controls alone. */
@media (max-width:760px){
  :is(#video-grid,#front-video-grid){gap:18px!important}
  :is(#video-grid,#front-video-grid)>article.card{
    border-color:#304461!important;
    box-shadow:0 6px 18px rgba(0,0,0,.18)!important;
  }
  :is(#video-grid,#front-video-grid)>article.card h3{
    font-size:18px!important;
    line-height:1.3!important;
    letter-spacing:-.015em!important;
    margin-bottom:9px!important;
    text-wrap:pretty;
  }
  :is(#video-grid,#front-video-grid)>article.card h3 a{
    display:block!important;
    -webkit-line-clamp:unset!important;
    overflow:visible!important;
  }
  :is(#video-grid,#front-video-grid)>article.card :is(.card-date,.card-views){
    font-size:13px!important;
    line-height:1.5!important;
    font-variant-numeric:tabular-nums;
  }
  :is(#video-grid,#front-video-grid)>article.card .card-date{color:#aebdd4!important}
  :is(#video-grid,#front-video-grid)>article.card .card-views{color:#dce7f6!important}
  :is(#video-grid,#front-video-grid)>article.card .video-card-tags{
    gap:7px!important;
    margin-top:10px!important;
    margin-bottom:4px!important;
  }
  :is(#video-grid,#front-video-grid)>article.card .video-card-tags :is(.chip,.fringe-tag-more-toggle){
    min-height:32px!important;
    font-size:12px!important;
    line-height:1.25!important;
    padding:7px 10px!important;
    border-color:#3b5275!important;
    box-shadow:none!important;
  }
  :is(#video-grid,#front-video-grid)>article.card :is(a,button):focus-visible{
    outline:2px solid #9bd8ff!important;
    outline-offset:2px!important;
  }
}