/* v588U — Useful Guide mobile card media hard fix.
   Root cause: v517E mobile QA forced guide card images to height:auto while the card media box
   keeps a fixed aspect ratio. Extra-wide article images therefore rendered at natural height,
   leaving blank space below on mobile.
   Fix: keep the media frame and force the card image to fill it on mobile/tablet only. */

@media (max-width: 980px){
  body.useful-guide-page .guide-card-media-v513G{
    position:relative !important;
    overflow:hidden !important;
    background:#eef6ff !important;
    aspect-ratio:16 / 9 !important;
    min-height:0 !important;
  }

  body.useful-guide-page .guide-card-media-v513G img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    object-fit:cover !important;
    object-position:center center !important;
  }
}

@media (max-width: 760px){
  body.useful-guide-page .guide-card-media-v513G{
    aspect-ratio:16 / 9 !important;
  }
}

@media (max-width: 420px){
  body.useful-guide-page .guide-card-media-v513G{
    aspect-ratio:3 / 2 !important;
  }
}