/* CMAA image + text layouts for Ghost 4.5. Only marked image sections are changed. */
.content > .cmaa-image-text-row {
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: clamp(1.25rem, 3vw, 2.25rem);
  width: 100%;
  min-width: 100%;
  margin: 1.5rem 0 2rem;
}
.content > .cmaa-image-text-row > figure {
  box-sizing: border-box;
  flex: 0 0 42%;
  width: 42%;
  max-width: 42%;
  min-width: 0;
  margin: 0;
}
.content > .cmaa-image-text-row > figure img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
}
.content > .cmaa-image-text-row > .cmaa-image-text-copy {
  flex: 1 1 0;
  min-width: 0;
  align-self: flex-start;
}
/* Keep related Ghost paragraphs, headings and link together, top-aligned. */
.content > .cmaa-image-text-row > .cmaa-image-text-copy > * {
  min-width: 0;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0.85rem;
}
.content > .cmaa-image-text-row > .cmaa-image-text-copy > :first-child { margin-top: 0; }
.content > .cmaa-image-text-row > .cmaa-image-text-copy > :last-child { margin-bottom: 0; }
.content > .cmaa-image-text-row > .cmaa-image-text-copy > :is(h1,h2,h3,h4,h5,h6) { margin-bottom: 0.9rem; }
.content > .cmaa-image-text-row.cmaa-image-text-right { flex-direction: row-reverse; }
@media (max-width: 640px) {
  .content > .cmaa-image-text-row,
  .content > .cmaa-image-text-row.cmaa-image-text-right {
    flex-direction: column;
    align-items: stretch;
    gap: 1.25rem;
  }
  .content > .cmaa-image-text-row > figure {
    width: 100%;
    max-width: 100%;
    flex: none;
  }
}