/* Text-bearing editorial artwork must never be cropped or zoomed. */
body.site-body.product-design .yr-guide-card .yr-guide-card__media {
  aspect-ratio: auto !important;
  height: auto !important;
  min-height: 0 !important;
  background: #f6f6f6;
  overflow: hidden;
  border-radius: 12px;
}
body.site-body.product-design .yr-guide-card .yr-guide-card__media img,
body.site-body.product-design .yr-article-cover img,
body.site-body.product-design .guide-detail__cover img {
  display: block;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto 1200 / 630 !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
}
body.site-body.product-design .yr-article-cover,
body.site-body.product-design .guide-detail__cover {
  height: auto !important;
  max-height: none !important;
  aspect-ratio: auto !important;
}
body.site-body.product-design .yr-guide-card__media::after { content: none !important; }
@media (max-width: 767px) {
  body.site-body.product-design .p-article-grid { gap: 32px; }
  body.site-body.product-design .p-article-grid .yr-guide-card__link {
    display: flex !important;
    flex-direction: column;
    gap: 0;
    min-width: 0;
  }
  body.site-body.product-design .p-article-grid .yr-guide-card__media { width: 100%; }
  body.site-body.product-design .p-article-grid .yr-guide-card__body { padding: 14px 0 0 !important; }
  body.site-body.product-design .p-article-grid .yr-guide-card__title {
    font-size: 17px !important;
    line-height: 1.7 !important;
    overflow-wrap: anywhere;
  }
  body.site-body.product-design .p-article-grid .yr-guide-card__meta { flex-wrap: wrap; }
}