/* Listing board reuses the shared theme/base styles for layout and spacing.
   Public collection surfaces are grid-only; keep file scoped to grid refinements. */

.listing-grid > .ds-card-item {
  content-visibility: auto;
  contain-intrinsic-size: 520px;
}

.listing-grid .listing-image {
  height: 220px;
  background: #eef2f7;
  overflow: hidden;
}

.listing-grid .listing-image picture {
  display: block;
  width: 100%;
  height: 100%;
}

.listing-grid .listing-image img {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
  object-position: center;
  display: block;
}

@media (max-width: 900px) {
  .listing-grid .listing-image {
    height: clamp(180px, 42vw, 230px);
  }
}