// Captions
// stylelint-disable selector-max-combinators, selector-max-compound-selectors
.editor-styles-wrapper,
.article-content {
  figcaption,
  cite,
  small {
    --color-caption: #5c5c6a;
    border: 0;
    color: var(--color-caption);
    font-size: var(--typography-captions-size);
    font-style: normal;
    margin-bottom: 3.75rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.875rem;
    max-width: $width-max-article;
    padding-bottom: 0;
    text-align: center;
    width: 100%;

    @media (max-width: $container-mobile) {
      margin-top: 1.25rem;
    }
  }

  .wp-block-image figcaption,
  .wp-block-image .alignright > figcaption,
  .wp-block-image .aligncenter > figcaption,
  .wp-block-image.is-resized > figcaption {
    display: block;
    width: 100%;
  }

  cite {
    margin-bottom: 0;
  }
}