h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: var(--base-size-24);
    margin-bottom: var(--base-size-16);
    font-family: var(--fontStack-heading);
    font-weight: var(--base-text-weight-semibold, 600);
    line-height: 1.25;

    code {
        padding: 0 .2em;
        font-size: inherit;
    }
}

h1 {
    margin-top: var(--base-size-8);
    padding-bottom: .3em;
    font-size: 2em;
    border-bottom: 1px solid var(--borderColor-muted);
}

h2 {
    padding-bottom: .3em;
    font-size: 1.5em;
    border-bottom: 1px solid var(--borderColor-muted);
}

h3 {
    font-size: 1.25em;
}

h4 {
    font-size: 1em;
}

h5 {
    font-size: .875em;
}

h6 {
    font-size: .85em;
    color: var(--fgColor-muted);
}