@import '@fontsource-variable/baskervville';

.prose {
    h1, h2, h3, h4, h5, h6 {
        font-family: 'Baskervville Variable', serif;
        font-weight: 650;
        margin-bottom: 0.25rem;
        color: var(--heading-color);
        letter-spacing: 0.015em;
        line-height: 1.25
    }

    h1 {
        margin-top: 0.5em;
        font-size: 2.25em;
    }

    h2 {
        font-size: 1.75em;
    }

    h3 {
        font-size: 1.4em;
    }

    h4 {
        font-size: 1.2em;
    }

    h5, h6 {
        font-size: 1em;
        font-weight: 700;
    }

    p, ul, ol {
        margin-bottom: 0.8em;
    }

    ul, ol, blockquote {
        padding: 0;
        margin-left: 2em;
    }

    blockquote {
        position: relative;
        font-style: italic;
    }

    blockquote::before {
        content: '';
        position: absolute;
        left: -01em;
        height: 100%;
        border-right: 3px solid var(--accent-color);
    }
}