/* Load after the landing stylesheet. Inherits the site's Inter font and colours. */
.article-show-hero .inner-page-hero { min-height:160px; padding:38px 0 30px; }
.article-show-hero .inner-page-hero .site-container,
.news-article-section .site-container { width:min(calc(100% - 42px),1360px); margin-inline:auto; }
.article-show-hero .inner-page-hero h1 { font-size:36px; line-height:1.2; overflow-wrap:anywhere; }
.article-show-hero .inner-page-breadcrumb { margin-top:14px; gap:8px; font-size:12px; line-height:1.5; flex-wrap:wrap; }
.article-show-hero .breadcrumb-current::after { width:40px; bottom:-7px; }
.news-article-section { padding:40px 0 56px; font-family:inherit; }
.news-article-section *, .article-show-hero * { box-sizing:border-box; }
.news-article-layout { grid-template-columns:minmax(0,1fr) minmax(280px,320px); gap:36px; }
.news-article-main,.news-article-sidebar { min-width:0; }
.article-featured-image { height:auto; aspect-ratio:16/9; border-radius:12px; }
.article-featured-image img { width:100%; height:100%; object-fit:cover; }
.article-image-category { left:20px; bottom:20px; min-height:28px; padding:6px 12px; font-size:12px; line-height:1.25; }
.article-top-meta { height:auto; min-height:56px; padding:14px 0; display:flex; flex-wrap:wrap; gap:12px 24px; }
.article-top-meta span { font-size:12px; line-height:1.5; gap:7px; white-space:normal; }
.article-top-meta svg { width:16px; height:16px; flex-basis:16px; }
.article-title-block { padding:20px 0; }
.article-title-block h1 { max-width:none; font-size:clamp(26px,2.6vw,36px); line-height:1.25; letter-spacing:-.4px; overflow-wrap:anywhere; }
.article-author { gap:12px; margin-top:16px; }
.article-author-avatar { width:42px; height:42px; flex-basis:42px; font-size:14px; }
.article-author-info strong { font-size:14px; line-height:1.4; }
.article-author-info small { margin-top:3px; font-size:12px; line-height:1.5; }
.article-body { padding-top:24px; font-size:15px; line-height:1.75; overflow-wrap:anywhere; }
.article-body > p { margin:0 0 20px; font-size:15px; line-height:1.75; }
.article-body img,.article-body video { max-width:100%; height:auto; }
.article-quote { margin:24px 0; padding:20px 24px; border-left-width:4px; }
.article-quote p { font-size:17px; line-height:1.65; }
.article-quote footer { margin-top:12px; font-size:12px; line-height:1.5; }
.article-footer-row { min-height:64px; padding:18px 0; gap:16px; flex-wrap:wrap; }
.article-tags,.article-share { gap:8px; flex-wrap:wrap; }
.article-footer-label { font-size:12px; line-height:1.5; }
.article-tag { min-width:0; height:auto; min-height:30px; padding:6px 12px; font-size:12px; line-height:1.4; white-space:normal; }
.article-share-button { width:40px; height:40px; flex-basis:40px; border-radius:7px; }
.article-share-button svg { width:18px; height:18px; }
.article-sidebar-title { margin:0 0 16px; font-size:20px; line-height:1.3; }
.related-articles-list { gap:16px; }
.related-article-card { min-height:0; padding:18px; border-radius:10px; display:flex; flex-direction:column; overflow:visible; }
.related-category { align-self:flex-start; min-height:24px; padding:4px 9px; font-size:11px; line-height:1.4; }
.related-article-card h3 { margin:12px 0 18px; font-size:15px; line-height:1.5; overflow-wrap:anywhere; }
.related-article-bottom { position:static; margin-top:auto; gap:12px; flex-wrap:wrap; }
.related-article-bottom time { font-size:12px; line-height:1.5; }
.related-article-bottom a { width:auto; min-width:60px; height:auto; min-height:36px; padding:8px 14px; font-size:12px; line-height:1.4; }
.article-sidebar-block + .article-sidebar-block { margin-top:28px; }
.article-events-sidebar { padding:20px; border-radius:10px; }
.article-events-sidebar .article-sidebar-title { margin:0 0 12px; }
.article-event-item { min-height:76px; padding:14px 0; gap:12px; }
.article-event-date { width:48px; height:52px; flex-basis:48px; padding:6px; align-items:center; border-radius:6px; }
.article-event-date strong { font-size:12px; line-height:1.2; }
.article-event-date span { margin-top:5px; font-size:18px; line-height:1.2; }
.article-event-info h3 { font-size:14px; line-height:1.5; overflow-wrap:anywhere; }
.news-article-section .news-events-empty { padding:16px; font-size:14px; line-height:1.6; }
.news-article-section a:focus-visible { outline:3px solid var(--accent); outline-offset:4px; }
@media (max-width:1024px) {
 .news-article-layout { grid-template-columns:minmax(0,1fr) 280px; gap:24px; }
 .article-show-hero .inner-page-hero h1 { font-size:32px; }
}
@media (max-width:900px) {
 .news-article-layout { grid-template-columns:minmax(0,1fr); gap:32px; }
 .news-article-sidebar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; align-items:start; }
 .article-sidebar-block + .article-sidebar-block { margin-top:0; }
}
@media (max-width:600px) {
 .article-show-hero .inner-page-hero .site-container,.news-article-section .site-container { width:calc(100% - 32px); }
 .article-show-hero .inner-page-hero { min-height:140px; padding:30px 0; }
 .article-show-hero .inner-page-hero h1 { font-size:28px; }
 .article-show-hero .inner-page-breadcrumb { font-size:12px; }
 .news-article-section { padding:24px 0 36px; }
 .news-article-sidebar { grid-template-columns:minmax(0,1fr); gap:28px; }
 .article-featured-image { aspect-ratio:4/3; }
 .article-image-category { left:12px; bottom:12px; }
 .article-title-block h1 { font-size:26px; }
 .article-body > p { font-size:15px; line-height:1.75; }
 .article-quote { padding:16px; }
 .article-quote p { font-size:16px; }
 .article-share-button { width:44px; height:44px; flex-basis:44px; }
 .related-article-bottom a { min-height:44px; }
}
.article-featured-image {
    height: auto;
    aspect-ratio: auto;
}

.article-featured-image img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.article-share-button svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
}

.article-share-button[aria-label="Share on Facebook"] svg {
    fill: currentColor;
    stroke: none;
}
.article-featured-image {
    position: relative;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    overflow: hidden;
}

.article-featured-image img {
    display: block;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain;
}