/* V209 - Home featured news: mobile card almost full viewport width */
@media(max-width:767px){
  body:not(.admin-layout) .v117-news > .v117-shell{
    width:100%!important;
    max-width:none!important;
    padding-left:12px!important;
    padding-right:12px!important;
    box-sizing:border-box!important;
  }

  body:not(.admin-layout) .v117-news-grid{
    display:flex!important;
    gap:12px!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    padding:2px 12px 12px 0!important;
    margin-right:-12px!important;
    scrollbar-width:none!important;
  }

  body:not(.admin-layout) .v117-news-grid::-webkit-scrollbar{
    display:none!important;
  }

  body:not(.admin-layout) .v117-news-grid article{
    flex:0 0 calc(100vw - 24px)!important;
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:always!important;
  }

  body:not(.admin-layout) .v117-news-grid .v117-news-img{
    width:100%!important;
    height:auto!important;
    aspect-ratio:auto!important;
    line-height:0!important;
    background:transparent!important;
  }

  body:not(.admin-layout) .v117-news-grid .v117-news-img>img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
  }

  body:not(.admin-layout) .v117-news-grid .v117-news-body{
    width:100%!important;
    padding:12px 12px 14px!important;
    box-sizing:border-box!important;
  }

  /* Keep a tiny preview of next article after user begins swiping */
  body:not(.admin-layout) .v117-news-grid article + article{
    margin-left:0!important;
  }
}