/* Trix Editor Styles
 * -------------------------------------------------------------------------- */

.trix-content {
  font-size: var(--font-size-2);
  line-height: var(--font-lineheight-3);
  color: var(--text-1);
}

.trix-content h1,
.trix-content h2,
.trix-content h3,
.trix-content h4,
.trix-content h5,
.trix-content h6 {
  margin: var(--size-4) 0 var(--size-2) 0;
  font-weight: var(--font-weight-6);
}

.trix-content p {
  margin: var(--size-3) 0;
}

.trix-content ul,
.trix-content ol {
  margin: var(--size-3) 0;
  padding-left: var(--size-4);
}

.trix-content li {
  margin: var(--size-1) 0;
}