@use "../../../../css/global/variables/breakpoints";
@use "../../../../css/global/variables/spacing";

.wp-block-badegg-article {
  .wp-block-media-text {
    display: grid;
    gap: spacing.$innerLarge;

    @container BadEggArticle (max-width: #{breakpoints.$screen-xs-max}) {
      &.is-stacked-on-mobile {
        display: block;

        .wp-block-media-text__media {
          margin-bottom: spacing.$innerLarge;
        }
      }
    }

    &__content {
      > *:first-child { margin-top: 0; }
      > *:last-child { margin-bottom: 0; }
    }
  }
}