/* Markdown preset */
.weightmans-viewport {
  .md-content,
  .sbdocs,
  .sb-anchor {
    > h1,
    > h2,
    > h3,
    > h4,
    > h5 {
      font-family: 'The Mix', the-mix-fallback, math;
      color: var(--app-color-primary);
      font-weight: 500;
      margin-block-start: var(--space-l);
      margin-block-end: var(--space-s);
    }

    > h1 {
      font-size: var(--step-5);
    }

    > h2 {
      font-size: var(--step-4);
    }

    > h3 {
      font-size: var(--step-3);
    }

    > h4 {
      font-size: var(--step-2);
    }

    > h5 {
      font-size: var(--step-1);
    }

    > p {
      line-height: 1.5;
      margin-block: var(--space-s);
    }
    > ul > li {
      list-style-type: square;
    }
    > ol > li {
      &::marker {
        font-weight: 700;
      }
    }
    li {
      line-height: 1.8;
      &::marker {
        color: color-mix(in oklch, var(--app-color-primary-variant), currentColor);
      }
    }
  }
}