@layer components {
  .article-work-redesign .w-richtext .editorial-illustration {
    width: 100%;
    max-width: 100%;
    margin: 24px 0;
  }

  .article-work-redesign .editorial-illustration a {
    display: block;
  }

  .article-work-redesign .editorial-illustration img {
    width: 100%;
    height: auto;
  }

  .article-work-redesign .editorial-illustration figcaption {
    margin-top: 8px;
    font-size: 13px;
    line-height: 19px;
    font-weight: 400;
    text-align: left;
  }

  .article-work-redesign .pb-case-banner {
    margin-top: 48px;
  }

  .article-work-redesign .article-glossary {
    margin-top: 38px;
  }

  .article-work-redesign .article-glossary[data-variant="note"] {
    margin-top: 14px;
    margin-bottom: 24px;
  }

  @media (max-width: 767px) {

    .article-work-redesign .article-glossary {
      margin-top: 26px;
    }

    .article-work-redesign .article-glossary[data-variant="note"] {
      margin-top: 8px;
      margin-bottom: 18px;
    }

  }
}