/* Blog-only image presentation. Preserve complete supplied square photographs. */
body.blog-images-update .guide-cover {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  background: #f6f6f5;
}
body.blog-images-update .guide-cover > img,
body.blog-images-update .featured-guide.image-lifestyle > img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  max-height: none;
  aspect-ratio: 1;
  object-fit: contain;
  object-position: center;
  padding: 0;
  transform: none;
}
/* Fill the retained landscape photo's square preview; its article stays uncropped. */
body.blog-images-update .guide-cover.blog-landscape-cover > img {
  object-fit: cover;
}
body.blog-images-update .guide-cover > .guide-product-frame,
body.blog-images-update .featured-guide > .guide-product-frame {
  aspect-ratio: 1;
}
body.blog-images-update .guide-cover .editorial-product-visual,
body.blog-images-update .featured-guide .editorial-product-visual {
  --product-frame-width: 100%;
}
body.blog-images-update .article-cover.blog-lifestyle-cover {
  width: min(100%, 640px);
  margin: 0 auto 36px;
  background: #f6f6f5;
}
body.blog-images-update .article-cover.blog-lifestyle-cover > img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  max-height: none;
  aspect-ratio: 1;
  object-fit: contain;
  object-position: center;
  padding: 0;
  transform: none;
}
body.blog-images-update .article-lifestyle {
  width: min(100%, 600px);
  margin: 32px auto;
  border: 1px solid var(--line, #e8e5e1);
  border-radius: 14px;
  overflow: hidden;
  background: #fafafa;
}
body.blog-images-update .article-lifestyle > img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  object-position: center;
}
body.blog-images-update .article-lifestyle figcaption,
body.blog-images-update .blog-lifestyle-cover figcaption {
  margin: 0;
  padding: 12px 16px;
  color: #626262;
  background: #fafafa;
  font-size: 12px;
  line-height: 1.6;
}
body.blog-images-update .article-lifestyle-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin: 32px 0;
  align-items: start;
}
body.blog-images-update .article-lifestyle-grid .article-lifestyle {
  width: 100%;
  margin: 0;
}
@media (max-width: 700px) {
  /* Retain the existing compact secondary featured links on mobile. */
  body.blog-images-update .guide-featured-grid .featured-guide-secondary > img,
  body.blog-images-update .guide-featured-grid .featured-guide-secondary > .guide-product-frame {
    display: none;
  }
  body.blog-images-update .article-cover.blog-lifestyle-cover {
    margin-bottom: 25px;
    border-radius: 12px;
  }
  body.blog-images-update .article-lifestyle-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }
  body.blog-images-update .article-lifestyle {
    border-radius: 12px;
  }
}