/* Shared post content styles; existing end-of-article patterns keep their styling. */
/* Reading rhythm: only ordinary top-level paragraphs, never BOX labels/content. */
:is(.ml-article .ml-entry-content, .editor-styles-wrapper .is-root-container) > p {
  margin-block: 0 1em;
}

/* Keep inline artwork within the reading column without cropping or stretching. */
:is(.ml-article .ml-entry-content, .editor-styles-wrapper .is-root-container) > .wp-block-image {
  max-width: 100%;
  margin-block: 2rem;
}

.ml-article .ml-entry-content > .wp-block-image:is(.alignwide, .alignfull) {
  position: static;
  left: auto;
  width: auto;
  transform: none;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper .is-root-container) > .wp-block-image img {
  max-width: 100%;
  height: auto;
  margin-inline: auto;
}

@media (max-width: 767px) {
  :is(.ml-article .ml-entry-content, .editor-styles-wrapper .is-root-container) > p {
    margin-bottom: 1.25em;
  }

  :is(.ml-article .ml-entry-content, .editor-styles-wrapper .is-root-container) > .wp-block-image {
    margin-block: 1.5rem;
  }
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) :is(h2, h3, h4):not(:where(.ml-article-toc *, .ml-related-articles *, .ml-resource-entry *)) {
  color: var(--wp--preset--color--text, #3d3a40);
  font-family: var(--ml-font-sans);
  font-weight: 700;
  letter-spacing: 0;
  overflow-wrap: anywhere;
  word-break: normal;
}

/* Phase C: Core Group / Paragraph bubbles, scoped to the article editor and body. */
:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-bubble {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  align-items: start;
  gap: 16px;
  max-width: 100%;
  margin: 2rem 0;
  color: var(--wp--preset--color--accent, #5d586f);
  font-family: var(--ml-font-sans);
  line-height: 1.85;
  overflow-wrap: anywhere;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-bubble--reader {
  grid-template-columns: minmax(0, 1fr) 48px;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-bubble__icon {
  width: 48px;
  height: 48px;
  margin: 8px 0 0;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-bubble__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-bubble__content {
  --ml-bubble-background: var(--wp--preset--color--background, #faf8f3);
  position: relative;
  min-width: 0;
  margin: 0;
  padding: 20px 24px;
  border: 1px solid var(--wp--preset--color--dusty-lavender, #b9b1c8);
  border-radius: 14px;
  background: var(--ml-bubble-background);
  box-shadow: none;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-bubble--reader .ml-editorial-bubble__content {
  --ml-bubble-background: var(--wp--preset--color--light-lavender, #f4f0f7);
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-bubble__content::before {
  position: absolute;
  top: 24px;
  left: -6px;
  width: 10px;
  height: 10px;
  border-bottom: 1px solid var(--wp--preset--color--dusty-lavender, #b9b1c8);
  border-left: 1px solid var(--wp--preset--color--dusty-lavender, #b9b1c8);
  background: var(--ml-bubble-background);
  transform: rotate(45deg);
  content: "";
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-bubble--reader .ml-editorial-bubble__content::before {
  right: -6px;
  left: auto;
  transform: rotate(225deg);
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-bubble__content > * {
  margin: 0 0 12px;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-bubble__content > :last-child {
  margin-bottom: 0;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-bubble__label {
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.6;
}

/* New cards do not replace the legacy .ml-related-item presentation. */
:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-related {
  margin: 3rem 0;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-related__list {
  display: grid;
  gap: 16px;
  margin: 0;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-related-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  gap: 6px;
  min-width: 0;
  margin: 0;
  padding: 18px;
  border: 1px solid var(--ml-color-border, #d8d3dc);
  border-radius: 8px;
  background: var(--ml-color-white, #ffffff);
  color: var(--wp--preset--color--text, #3d3a40);
  box-shadow: none;
  overflow-wrap: anywhere;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-related-card > * {
  min-width: 0;
  margin: 0;
}

/* Empty optional fields are hidden only in public content, never while editing. */
.ml-article .ml-entry-content .ml-related-card > p:empty {
  display: none;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-related-card__title {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-related-card__title a {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  color: var(--wp--preset--color--accent, #5d586f);
  text-decoration: underline;
  text-underline-offset: 0.25em;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-related-card__description {
  font-size: 0.9375rem;
  line-height: 1.8;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-related-card__category {
  color: var(--wp--preset--color--accent, #5d586f);
  font-size: 0.8125rem;
  line-height: 1.6;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-related-card:has(> .ml-related-card__thumbnail) {
  grid-template-columns: 112px minmax(0, 1fr);
  column-gap: 16px;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-related-card__thumbnail {
  grid-column: 1;
  grid-row: 1 / span 4;
  align-self: center;
  width: 112px;
  aspect-ratio: 3 / 2;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-related-card:has(> .ml-related-card__thumbnail) > p {
  grid-column: 2;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-related-card__thumbnail img {
  width: 100%;
  height: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 4px;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) :is(.ml-editorial-bubble, .ml-related-card) a:focus-visible {
  outline: 2px solid var(--wp--preset--color--accent, #5d586f);
  outline-offset: 3px;
  border-radius: 2px;
}

@media (max-width: 767px) {
  :is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-bubble {
    position: relative;
    display: block;
    margin: 1.5rem 0;
  }

  :is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-bubble__icon {
    position: absolute;
    z-index: 1;
    top: 19px;
    left: 19px;
    width: 40px;
    height: 40px;
    margin: 0;
  }

  :is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-bubble__content {
    padding: 18px;
  }

  :is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-bubble__label {
    display: flex;
    min-height: 40px;
    align-items: center;
    padding-left: 52px;
  }

  :is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-bubble__content::before {
    display: none;
  }

  :is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-related {
    margin: 2rem 0;
  }

  :is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-related-card {
    padding: 16px;
  }

  :is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-related-card:has(> .ml-related-card__thumbnail) {
    grid-template-columns: 80px minmax(0, 1fr);
    column-gap: 12px;
  }

  :is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-related-card__thumbnail {
    width: 80px;
  }
}

@media (max-width: 320px) {
  :is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-related-card:has(> .ml-related-card__thumbnail) {
    grid-template-columns: minmax(0, 1fr);
  }

  :is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-related-card__thumbnail {
    grid-row: auto;
    align-self: start;
    width: 100%;
    max-width: 100%;
    aspect-ratio: auto;
  }

  :is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-related-card:has(> .ml-related-card__thumbnail) > p {
    grid-column: 1;
  }

  :is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-related-card__thumbnail img {
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
  }
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) h2:not(:where(.ml-article-toc *, .ml-related-articles *, .ml-resource-entry *)) {
  margin: 5rem 0 1.5rem;
  padding: 1rem 1.25rem;
  border: 0;
  border-left: 3px solid var(--wp--preset--color--accent, #5d586f);
  background: var(--wp--preset--color--light-lavender, #f4f0f7);
  font-size: 1.75rem;
  line-height: 1.45;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) h3:not(:where(.ml-article-toc *, .ml-related-articles *, .ml-resource-entry *)) {
  margin: 3rem 0 0.75rem;
  padding: 0 0 0.5rem;
  border: 0;
  border-bottom: 1px solid var(--wp--preset--color--dusty-lavender, #b9b1c8);
  font-size: 1.3125rem;
  line-height: 1.55;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) h4:not(:where(.ml-article-toc *, .ml-related-articles *, .ml-resource-entry *)) {
  margin: 1.5rem 0 0.5rem;
  padding: 0;
  border: 0;
  font-size: 1.125rem;
  line-height: 1.6;
}

/* Core Highlight owns its saved colors; do not turn inline marks into boxes. */
:is(.ml-article .ml-entry-content, .editor-styles-wrapper) mark {
  padding: 0;
  color: inherit;
  font: inherit;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.editor-styles-wrapper .is-root-container > :first-child:is(h2, h3, h4) {
  margin-top: 0;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) mark:not(.has-inline-color) {
  color: var(--wp--preset--color--text, #3d3a40);
}

/* Unsynced Core Group patterns share one layout in post content and the editor. */
:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-box {
  display: grid;
  max-width: 100%;
  grid-template-columns: 48px minmax(0, 1fr);
  align-items: start;
  gap: 16px;
  margin: 2rem 0;
  padding: 24px;
  border: 0;
  border-radius: 14px;
  box-shadow: none;
  color: var(--wp--preset--color--text, #3d3a40);
  font-family: var(--ml-font-sans);
  line-height: 1.85;
  overflow-wrap: anywhere;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-box--point {
  background: var(--wp--preset--color--light-lavender, #f4f0f7);
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-box--experience {
  background: var(--wp--preset--color--light-milk-tea, #faf3ea);
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-box--try {
  background: var(--wp--preset--color--light-sage, #f1f5f1);
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-box--hint {
  background: #eaf0f5;
  background: color-mix(in srgb, var(--ml-color-sky, #dce6ee) 60%, var(--ml-color-white, #ffffff));
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-box__icon {
  grid-column: 1;
  grid-row: 1;
  width: 48px;
  height: 48px;
  margin: 0;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-box__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-box__content {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  margin: 0;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-box__content > * {
  margin-top: 0;
  margin-bottom: 12px;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-box__content > :last-child {
  margin-bottom: 0;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-box__label {
  color: var(--wp--preset--color--accent, #5d586f);
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.6;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-box :is(ul, ol) {
  padding-left: 1.4em;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-box li + li {
  margin-top: 0.35em;
}

/* Optional static checklist: an ordinary Core List, not an interactive form. */
:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-box .is-style-ml-editorial-checklist {
  padding-left: 0;
  list-style: none;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-box .is-style-ml-editorial-checklist > li {
  position: relative;
  padding-left: 1.5em;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-box .is-style-ml-editorial-checklist > li::before {
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 0.65em;
  height: 0.65em;
  border: 1px solid var(--wp--preset--color--accent, #5d586f);
  content: "";
}

/* Decorative icons: labels carry the meaning, not the shapes. */
:is(.ml-article .ml-entry-content, .editor-styles-wrapper) :is(.ml-editorial-box--try, .ml-editorial-box--hint)::before,
:is(.ml-article .ml-entry-content, .editor-styles-wrapper) :is(.ml-editorial-box--try, .ml-editorial-box--hint)::after {
  grid-column: 1;
  grid-row: 1;
  justify-self: center;
  content: "";
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-box--try::before {
  width: 48px;
  height: 48px;
  background: url("../images/motifs/mytime-theme-motif-01-v1.webp") center / contain no-repeat;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-box--try::after {
  content: none;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-box--hint::before {
  width: 20px;
  height: 26px;
  margin-top: 4px;
  border: 1.5px solid var(--wp--preset--color--accent, #5d586f);
  border-radius: 50% 50% 35% 35%;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-box--hint::after {
  width: 10px;
  height: 2px;
  margin-top: 34px;
  background: var(--wp--preset--color--accent, #5d586f);
}

@media (max-width: 767px) {
  :is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-box {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 12px;
    margin: 1.5rem 0;
    padding: 18px;
  }

  :is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-box__icon {
    width: 40px;
    height: 40px;
  }

  :is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-box--try::before {
    width: 40px;
    height: 40px;
  }

  :is(.ml-article .ml-entry-content, .editor-styles-wrapper) h2:not(:where(.ml-article-toc *, .ml-related-articles *, .ml-resource-entry *)) {
    margin-top: 3rem;
    font-size: 1.5rem;
  }

  :is(.ml-article .ml-entry-content, .editor-styles-wrapper) h3:not(:where(.ml-article-toc *, .ml-related-articles *, .ml-resource-entry *)) {
    font-size: 1.25rem;
  }

  :is(.ml-article .ml-entry-content, .editor-styles-wrapper) h4:not(:where(.ml-article-toc *, .ml-related-articles *, .ml-resource-entry *)) {
    font-size: 1.0625rem;
  }
}

.editor-styles-wrapper .is-root-container > :is(.ml-editorial-box, .ml-editorial-bubble) {
  width: 100%;
  max-width: var(--wp--style--global--content-size, 720px);
  margin-inline: auto;
}

/* v1.1 prototype: saved Core Table markup stays unchanged. */
.ml-article .ml-entry-content .ml-editorial-table-region {
  min-width: 0;
  max-width: 100%;
  margin: 2rem 0;
  container-type: inline-size;
}

.ml-article .ml-entry-content .ml-editorial-table-hint {
  display: none;
  margin: 0 0 0.5rem;
  color: var(--wp--preset--color--text, #3d3a40);
  font-size: 0.875rem;
  line-height: 1.7;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .wp-block-table:is(.is-style-ml-table-simple, .is-style-ml-table-comparison) {
  max-width: 100%;
  min-width: 0;
  margin: 2rem 0;
  border: 1px solid #e1e3e6;
  border-radius: 8px;
  background: #fff;
  color: var(--wp--preset--color--text, #3d3a40);
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
}

.ml-article .ml-entry-content .ml-editorial-table-region > .wp-block-table {
  margin: 0;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .wp-block-table:is(.is-style-ml-table-simple, .is-style-ml-table-comparison) table {
  width: 100%;
  table-layout: fixed;
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  color: inherit;
  font-size: 0.9375rem;
  line-height: 1.8;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .wp-block-table:is(.is-style-ml-table-simple, .is-style-ml-table-comparison) :is(thead, tbody, tfoot) {
  border: 0;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .wp-block-table:is(.is-style-ml-table-simple, .is-style-ml-table-comparison) :is(th, td) {
  padding: 0.875rem 1rem;
  border: 0;
  border-right: 1px solid #e1e3e6;
  border-bottom: 1px solid #e1e3e6;
  background: #fff;
  text-align: start;
  vertical-align: top;
  overflow-wrap: anywhere;
  word-break: normal;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .wp-block-table:is(.is-style-ml-table-simple, .is-style-ml-table-comparison) th {
  color: inherit;
  font-weight: 700;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .wp-block-table:is(.is-style-ml-table-simple, .is-style-ml-table-comparison) thead :is(th, td) {
  background: var(--wp--preset--color--light-lavender, #f4f0f7);
  font-weight: 700;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .wp-block-table:is(.is-style-ml-table-simple, .is-style-ml-table-comparison) tr > :last-child {
  border-right: 0;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .wp-block-table:is(.is-style-ml-table-simple, .is-style-ml-table-comparison) :is(tbody, tfoot):last-child > tr:last-child > * {
  border-bottom: 0;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .is-style-ml-table-comparison tbody tr > :first-child {
  background: var(--wp--preset--color--background, #faf8f3);
  font-weight: 600;
}

/* The same widths apply to both designs; four columns fit a 720px article. */
:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .wp-block-table:is(.is-style-ml-table-simple, .is-style-ml-table-comparison):has(tr > :nth-child(3)) table {
  min-width: 540px;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .wp-block-table:is(.is-style-ml-table-simple, .is-style-ml-table-comparison):has(tr > :nth-child(4)) table {
  min-width: 680px;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .wp-block-table:is(.is-style-ml-table-simple, .is-style-ml-table-comparison):has(tr > :nth-child(5)) table {
  min-width: 850px;
}

@container (width < 542px) {
  .ml-article .ml-entry-content .ml-editorial-table-hint[data-columns="3"] { display: block; }
}

@container (width < 682px) {
  .ml-article .ml-entry-content .ml-editorial-table-hint[data-columns="4"] { display: block; }
}

@container (width < 852px) {
  .ml-article .ml-entry-content .ml-editorial-table-hint[data-columns="5"] { display: block; }
}

.ml-article .ml-entry-content .wp-block-table[tabindex]:focus-visible {
  outline: 2px solid var(--ml-color-accent, #5d586f);
  outline-offset: 3px;
}

.editor-styles-wrapper .is-root-container > .wp-block-table:is(.is-style-ml-table-simple, .is-style-ml-table-comparison) {
  width: 100%;
  max-width: var(--wp--style--global--content-size, 720px);
  margin-inline: auto;
}

/* Optional speaker/image uses ordinary editable Core blocks, not testimony data. */
:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-conversation {
  --ml-conversation-background: var(--wp--preset--color--light-lavender, #f4f0f7);
  position: relative;
  width: calc(100% - 32px);
  max-width: calc(var(--wp--style--global--content-size, 720px) - 32px);
  min-width: 0;
  margin: 2rem 32px 2rem 0;
  padding: 20px 24px;
  border: 1px solid var(--ml-color-border, #e6e0d9);
  border-radius: 14px;
  background: var(--ml-conversation-background);
  color: var(--wp--preset--color--text, #3d3a40);
  line-height: 1.85;
  overflow-wrap: anywhere;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-conversation--right {
  --ml-conversation-background: var(--wp--preset--color--light-milk-tea, #faf3ea);
  margin-right: 0;
  margin-left: 32px;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-conversation::before {
  position: absolute;
  top: 24px;
  left: -6px;
  width: 10px;
  height: 10px;
  border-bottom: 1px solid var(--ml-color-border, #e6e0d9);
  border-left: 1px solid var(--ml-color-border, #e6e0d9);
  background: var(--ml-conversation-background);
  content: "";
  transform: rotate(45deg);
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-conversation--right::before {
  right: -6px;
  left: auto;
  transform: rotate(225deg);
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-conversation > * {
  margin: 0 0 12px;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-conversation > :last-child {
  margin-bottom: 0;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-conversation__speaker {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.6;
}

.ml-article .ml-entry-content .ml-editorial-conversation__speaker:empty {
  display: none;
}

:is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-conversation > .wp-block-image {
  max-width: 40px;
}

.editor-styles-wrapper .is-root-container > .ml-editorial-conversation {
  left: -16px;
  margin-inline: auto;
}

.editor-styles-wrapper .is-root-container > .ml-editorial-conversation--right {
  left: 16px;
}

@media (max-width: 767px) {
  :is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-conversation {
    width: calc(100% - 16px);
    max-width: calc(100% - 16px);
    margin: 1.5rem 16px 1.5rem 0;
    padding: 18px;
  }

  :is(.ml-article .ml-entry-content, .editor-styles-wrapper) .ml-editorial-conversation--right {
    margin-right: 0;
    margin-left: 16px;
  }

  .editor-styles-wrapper .is-root-container > .ml-editorial-conversation {
    left: -8px;
    width: calc(100% - 32px);
    max-width: calc(100% - 32px);
    margin-inline: auto;
  }

  .editor-styles-wrapper .is-root-container > .ml-editorial-conversation--right {
    left: 8px;
  }
}