.article-body h3 {
    margin: 1rem 0 0.75rem;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.3;
}

.article-body p,
.article-body li {
    font-size: 1.3rem;
}

@media (min-width: 768px) {
    .article-body h3 {
        font-size: 1.7rem;
    }

    .article-body h2 {
        margin-bottom: 0.5rem;
    }
}

.toc-bar {
    transition: transform 0.35s ease;
}

.toc-bar.hide {
    transform: translateY(-100%);
}

details.toc > summary ~ * {
    display: block;
}

details.toc > summary .arrow-up,
.references-toggle .arrow-up {
    display: none;
}

details.toc[open] > summary .arrow-up,
.references-toggle[open] .arrow-up {
    display: inline-block;
}

details.toc[open] > summary .arrow-down,
.references-toggle[open] .arrow-down {
    display: none;
}

details.toc > .toc-body {
    clip-path: inset(0 0 100% 0);
    transition: clip-path 1s ease;
}

details.toc[open] > .toc-body {
    clip-path: inset(0 0 0 0);
}

.article-body .bg-brandRed.text-white {
    background-color: #b91c1c !important;
}

.article-body .bg-brandGreen.text-white {
    background-color: #004980 !important;
}

.article-body .bg-white .text-brandGreen {
    color: #004980 !important;
}

.article-deferred-section {
    content-visibility: auto;
    contain-intrinsic-size: auto 720px;
}