/* ========================================================= */
/* Components: Typography                                    */
/* ========================================================= */

.sg-typography-preview {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-small);
  color: var(--text-typography-preview);
}

.sg-typography-preview h1,
.sg-typography-preview h2,
.sg-typography-preview p {
  color: var(--text-typography-preview);
  margin-top: 0;
}

.sg-bullet-list {
  margin: 0;
  padding-inline-start: var(--spacing-large);
  list-style-position: outside;
  color: var(--text-typography-preview);
  font-family: var(--font-family-base);
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
}

.sg-bullet-list li + li {
  margin-top: var(--spacing-small);
}