:is(.rich-text, trix-editor) {
    font-size: 1rem;
    line-height: 1.7;
    color: var(--dark);

    h3, h4, h5, h6 {
        font-family: 'Barlow Condensed', sans-serif;
        font-synthesis: none;
        text-transform: uppercase;
        margin-block: 1.5rem 0.75rem;
        text-wrap: balance;
    }

    h3 { font-size: 1.25rem; }

    p {
        margin-block: 1rem;
        text-wrap: pretty;
    }

    blockquote {
        margin-block: 1.5rem;
        margin-inline-start: 1rem;
        padding-inline-start: 1rem;
        border-inline-start: 3px solid var(--color-1);
        color: var(--gray);
        font-style: italic;
    }

    ul, ol {
        margin-block: 1rem;
        padding-inline-start: 1.5rem;
    }

    ul { list-style-type: disc; }
    ol { list-style-type: decimal; }

    li {
        margin-block: 0.5rem;
        text-wrap: pretty;
    }

    a {
        color: var(--color-1);
        text-decoration: underline;
        text-decoration-thickness: 1px;
        text-underline-offset: 0.2em;
        transition: opacity var(--transition-duration) var(--transition-timing);

        &:hover, &:focus-visible { opacity: 0.8; }
    }

    del { color: var(--gray); }

    figure {
        margin-block: 1.5rem;
        max-width: 100%;
    }

    img {
        max-width: 100%;
        height: auto;
        display: block;
        border-radius: 0.25rem;
    }
}

.rich-text br { display: none; }