@use "core/site-config";
@use "s360-toolkit";

.node__body,
.paragraph__body,
.cke_editable_themed {
  h2, h3, h4, h5 {
    margin-bottom: 0.5em;
  }

  figure {
    --figure-display: table;
  }

  figure,
  img {
    &.align-left {
      margin: {
        bottom: site-config.$spacing-sm;
        right: site-config.$spacing-sm;
      }
    }

    &.align-right {
      margin: {
        bottom: site-config.$spacing-sm;
        left: site-config.$spacing-sm;
      }
    }
  }
}
