.blog-article-hero .blog-article-date {
    font-size: .85rem;
    margin-top: 24px;
}

.blog-article-body .article-figure img {
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    width: auto;
}

.blog-article-body .article-figure a {
    display: block;
}

.blog-article-body .article-figure a:focus-visible {
    outline: 2px solid var(--blue);
    outline-offset: 4px;
}

.blog-article-body p,
.blog-article-body li,
.blog-article-body h2,
.blog-article-body h3 {
    overflow-wrap: anywhere;
}

.blog-article-body .article-list {
    list-style: disc;
}

.blog-article-body .article-list > li::marker {
    color: var(--blue);
}
