.vs-prose {
    color: var(--vs-color-text);
    font-family: var(--vs-font-body);
    font-size: var(--vs-font-size-base);
    line-height: var(--vs-line-height-body);
    letter-spacing: 0;
    text-rendering: optimizeLegibility;
}

.vs-prose :where(p, ul, ol, dl, blockquote, figure) {
    max-width: var(--vs-measure-readable);
}

.vs-prose :where(small, .small) {
    font-size: var(--vs-font-size-sm);
    line-height: var(--vs-line-height-small);
}

.vs-prose :where(h1, h2, h3, h4, h5, h6) {
    color: var(--vs-color-text);
    font-family: var(--vs-font-heading);
    font-weight: 700;
    letter-spacing: 0;
    line-height: var(--vs-line-height-heading);
    text-wrap: balance;
}

.vs-prose :where(h1) {
    font-size: var(--vs-font-size-4xl);
    line-height: var(--vs-line-height-tight);
}

.vs-prose :where(h2) {
    font-size: var(--vs-font-size-3xl);
}

.vs-prose :where(h3) {
    font-size: var(--vs-font-size-2xl);
}

.vs-prose :where(h4) {
    font-size: var(--vs-font-size-xl);
}

.vs-prose :where(h5) {
    font-size: var(--vs-font-size-lg);
}

.vs-prose :where(h6) {
    font-size: var(--vs-font-size-base);
}