/* Structural repairs for old presentation markup; editorial text is unchanged. */
:is(.format, .entry-content) :is(.atelier-layout-media, .atelier-layout-gallery, .atelier-layout-narrative) {
  display: grid;
  clear: both;
  width: 100% !important;
  max-width: 100%;
  min-width: 0;
  height: auto;
  margin: 1.5em 0;
  padding: 0;
  border: 0;
  gap: 1.3em;
  color: inherit;
  font: inherit;
  line-height: inherit;
}
:is(.format, .entry-content) .atelier-layout-media { grid-template-columns: minmax(0, 1fr); }
:is(.format, .entry-content) .atelier-layout-gallery {
  grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
  align-items: start;
}
:is(.format, .entry-content) .atelier-layout-narrative {
  grid-template-columns: minmax(150px, 1fr) minmax(0, 2.4fr);
  align-items: start;
  column-gap: 1.7em;
}
:is(.format, .entry-content) .atelier-layout-cell {
  min-width: 0;
  max-width: 100%;
  width: auto !important;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
}
:is(.format, .entry-content) .atelier-layout-cell > :first-child { margin-top: 0; }
:is(.format, .entry-content) .atelier-layout-cell > :last-child { margin-bottom: 0; }
:is(.format, .entry-content) .atelier-layout-media-cell img {
  display: block;
  float: none !important;
  max-width: 100%;
  height: auto;
  margin-inline: auto !important;
}
:is(.format, .entry-content) .atelier-layout-media-cell .wp-caption {
  width: auto !important;
  max-width: 100%;
  margin-inline: auto;
}
:is(.format, .entry-content) img.atelier-legacy-image {
  width: var(--atelier-image-width, auto);
  max-width: 100%;
  height: auto;
}

@media (max-width: 760px) {
  :is(.format, .entry-content) .atelier-layout-narrative {
    grid-template-columns: minmax(0, 1fr);
  }
  :is(.format, .entry-content) img:is(.alignleft, .alignright, [align="left"], [align="right"]) {
    float: none !important;
    display: block;
    max-width: 100%;
    margin-inline: auto !important;
    margin-bottom: 1.3em;
  }
  :is(.format, .entry-content) img.atelier-legacy-image:is(.alignleft, .alignright, [align="left"], [align="right"]) {
    width: 100%;
  }
}

@media (max-width: 480px) {
  :is(.format, .entry-content) .atelier-layout-gallery { grid-template-columns: minmax(0, 1fr); }
}

@media print {
  :is(.format, .entry-content) :is(.atelier-layout-media, .atelier-layout-gallery, .atelier-layout-narrative) {
    break-inside: avoid;
  }
}