@media (max-width:1200px){
  /* Automatic editorial art direction. These rules deliberately override the
     generic card geometry after the image has been classified in the browser. */
  .mobile-editorial-card.art-auto-side{
    grid-template-columns:minmax(92px,38%) minmax(0,1fr)!important;
    grid-template-rows:1fr!important;
  }
  .mobile-editorial-card.art-auto-side .mobile-editorial-art{
    height:100%!important;
    min-height:0!important;
  }
  .mobile-editorial-card.art-auto-side .mobile-editorial-copy{
    justify-content:center!important;
  }

  /* Text-led generated fallback graphics are always shown intact. */
  .mobile-editorial-card.art-auto-generated .mobile-editorial-art{
    background:var(--paper2)!important;
    padding:0!important;
  }
  .mobile-editorial-card.art-auto-generated .mobile-editorial-art img{
    object-fit:contain!important;
    object-position:50% 50%!important;
  }

  /* Portrait and square flyers/logos stay readable instead of being sliced. */
  .mobile-editorial-card.art-auto-poster .mobile-editorial-art{
    background:var(--paper2)!important;
  }

  /* Photo cards keep the visual impact of a crop, while JS biases artist
     imagery toward the lower part of the source where faces usually sit. */
  .mobile-editorial-card.art-auto-photo .mobile-editorial-art{
    background:var(--paper2)!important;
  }

  /* The single large booking card should still read as a designed feature. */
  .layout-one .mobile-editorial-card.art-auto-side{
    grid-template-columns:minmax(220px,42%) minmax(0,1fr)!important;
    grid-template-rows:1fr!important;
  }
}