@layer component {
  .paragraph--text-area.paragraph--view-mode--default {
    font: var(--font-body-m-regular);
    letter-spacing: var(--letter-spacing-body-m-regular);
    max-inline-size: var(--layout-text-width);
    margin-block: 2rem;

    & h2 {
      margin-block-end: 1.25rem;
    }
  }

  @media screen and (min-width: 48rem) {
    .paragraph--text-area.paragraph--view-mode--default {
      font: var(--font-body-l-regular);
      letter-spacing: var(--letter-spacing-body-l-regular);
      margin-block: 2.5rem;
    }
  }
}