//
// Components / WYSIWYG
// ========================================


.c-wysiwyg {
  font-size: var(--fontSize-16);

  h3 {
    margin-top: var(--space-40);
    margin-bottom: var(--space-20);
    font-family: var(--font-display);
    font-size: var(--fontSize-24);
    color: var(--color-accent);
  }

  p {
    margin-bottom: var(--space-24);
    line-height: var(--lineHeight-160);
  }

  a:link,
  a:visited {
    color: var(--color-accent);
    text-decoration: underline;
    transition: color 0.2s ease-out;
  }

  a:hover {
    color: var(--color-base);
  }

  ul {
    margin-bottom: var(--space-24);

    list-style: none;
  }

  li {
    position: relative;
    margin-bottom: var(--space-12);
    padding-left: var(--space-12);

    &::before {
      content: '';
      position: absolute;
      display: block;
      width: var(--space-4);
      height: var(--space-4);
      top: var(--space-10);
      left: 0;

      border-radius: 999px;
      background-color: var(--color-accent);
    }
  }

}