/*
 * News article detail page only: justify the main body paragraph text so the
 * CMS rich-text/StreamField prose reads as even columns.
 * Loaded from website/pages/news_article_page.html via {% block extra_css %}.
 * Scoped to .news-article-body so headings, metadata, captions and buttons
 * outside the body wrapper keep their default alignment.
 */
.news-article-body p {
    text-align: justify;
}

/*
 * Body-embedded images (rich-text / StreamField) can't be given a fixed
 * Wagtail rendition here, so constrain them to a uniform 16:9 frame to match
 * the featured image, which uses a fill-1280x720 rendition.
 */
.news-article-body img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    width: 100%;
    height: auto;
}

/* "Recent News" sidebar on the article detail page. */
.news-recent-item + .news-recent-item {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #dee2e6;
}

.news-recent-link {
    display: block;
    text-decoration: none;
}

.news-recent-thumb {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    width: 100%;
    height: auto;
    margin-bottom: 0.5rem;
}

.news-recent-title {
    display: block;
    font-weight: 600;
}