.page-section {
  background-color: var(--light-100);

  .page-section-wrapper {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 886px;

    @media (min-width: 750px) {
      align-items: center;
    }
  }

  .title {
    margin-bottom: var(--space-3);
    text-align: left;

    @media (min-width: 750px) {
      text-align: center;
    }
  }

  .subtitle {
    margin-bottom: var(--space-4);
    text-align: left;

    @media (min-width: 750px) {
      text-align: center;
    }
  }

  .link {
    text-decoration: underline;
  }

  .content {
    margin-top: var(--space-7);

    & > p,
    & > ul,
    & > ol {
      margin-bottom: var(--space-3);
    }

    & > h1,
    & > h2,
    & > h3,
    & > h4,
    & > h5,
    & > h6 {
      margin-bottom: var(--space-4);
    }
  }
}