/* Only product/article body content uses these rules. */
.content-images { min-width: 0; overflow-wrap: anywhere; }
.content-images img { max-width: 100% !important; height: auto !important; }
.content-image-unit { min-width: 0; }
/* Inline images inherit the paragraph's editor-authored text-align. */
.content-image-single img { display: inline-block; vertical-align: middle; width: auto !important; max-height: 520px !important; }
.content-image-single.content-image-long img { max-height: none !important; }
.content-image-open { cursor: zoom-in; }
.content-image-open:focus-visible img { outline: 2px solid #1677ff; outline-offset: -2px; }
.content-image-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 20px 0; }
.content-image-grid .content-image-unit { display: grid; place-items: center; aspect-ratio: 4 / 3; padding: 12px; border: 1px solid var(--line, #e5e7eb); border-radius: 6px; background: #fff; overflow: hidden; }
.content-image-grid .content-image-unit :is(p, div, span, a, strong, em) { display: contents !important; }
.content-image-grid .content-image-unit br { display: none; }
.content-image-grid .content-image-unit img { display: block; width: 100% !important; height: 100% !important; min-width: 0; min-height: 0; max-height: 100% !important; object-fit: contain; }
@media (max-width: 600px) {
  .content-image-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
}