/* The four migrated editorial pages retain the production 800px CMS container,
   20px outer padding, 10px column padding, 20px widget spacing and original media.
   These names are deliberately isolated from commerce and generic CMS styles. */
body#cms #content .madime-editorial {
  width: 100%;
  max-width: 800px;
  margin-inline: auto;
  padding: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 20px;
}

body#cms #content .madime-editorial__section {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
}

body#cms #content .madime-editorial__column {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 20px;
  min-width: 0;
  padding: 10px;
  box-sizing: border-box;
}

body#cms #content .madime-editorial__column--100 { width: 100%; }
body#cms #content .madime-editorial__column--50 { width: 50%; }
body#cms #content .madime-editorial__widget { width: 100%; min-width: 0; }
body#cms #content .madime-editorial__spacer { flex-shrink: 0; width: 100%; }

body#cms #content .madime-editorial__text p {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  overflow-wrap: break-word;
}

body#cms #content .madime-editorial__text--heading { font-size: 14px; font-weight: 400; }
body#cms #content .madime-editorial__image { text-align: center; }
body#cms #content .madime-editorial__image img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0;
  object-fit: contain;
}

/* Original CE mobile breakpoint: stacked columns, media never distorted. */
@media (max-width: 767px) {
  body#cms #content .madime-editorial__column--50 { width: 100%; }
}