/* Flush UI screenshots to browser chrome — no inner padding gaps */

.device-screen{
  padding:0;
  background:#eef1f4;
  line-height:0;
  overflow:hidden;
}

.device-screen img{
  width:100%;
  display:block;
  height:auto;
  object-fit:contain;
  object-position:top center;
  border-radius:0;
  vertical-align:top;
}

.device-frame.compact .device-screen{
  padding:0;
}

.device-frame.compact .device-screen img{
  border-radius:0;
}

.old-card-device .device-screen{
  padding:0;
  display:block;
}

.old-card-device .device-screen img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center;
}

.device-showcase .device-screen img{
  object-fit:contain;
  object-position:top center;
}

/* Card thumbnails — uniform crop on desktop only; mobile overrides in mobile-images.css */
@media (min-width: 701px) {
  .old-card-device .device-screen img{
    object-fit:cover;
  }
}