/**** BREADCRUMBS ****//**** BREADCRUMBS ****//**** BREADCRUMBS ****/

#breadcrumbs {display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2xs); padding-top: var(--space-md); padding-bottom: var(--space-md); font-size: var(--font-size-sm); color: var(--color-text-muted);}
#breadcrumbs a {font-weight: var(--font-weight-semibold); text-decoration: none;}
#breadcrumbs span {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#breadcrumbs a + a::before, #breadcrumbs span::before {margin: 0px var(--space-2xs) 0px 0px; color: var(--color-gold-dark); content: '/';}

/**** ARTICLE ****//**** ARTICLE ****//**** ARTICLE ****/

#news-item {background-color: var(--color-bg-light);}
#news-item h1 {max-width: 22ch;}
#news-item .lead {max-width: 62ch;}
.news-cover {width: 100%; aspect-ratio: 16 / 9; margin: var(--space-xl) 0px var(--space-xl) 0px; object-fit: cover; border: var(--border-width) solid var(--color-border-light); border-radius: var(--radius-lg); box-shadow: var(--shadow-sm);}
.news-text {max-width: var(--text-width);}
.news-text h2, .news-text h3 {margin-top: var(--space-xl);}
.news-text blockquote {margin: var(--space-lg) 0px var(--space-lg) 0px; padding: var(--space-md); color: var(--color-navy-dark); background-color: var(--color-bg-secondary); border-left: var(--space-3xs) solid var(--color-gold); border-radius: var(--radius-sm);}
.news-text img {width: 100%; aspect-ratio: 4 / 3; margin: var(--space-lg) 0px var(--space-lg) 0px; object-fit: cover; border-radius: var(--radius-md);}

/**** OTHER NEWS ****//**** OTHER NEWS ****//**** OTHER NEWS ****/

#other-news {background-color: var(--color-bg-primary);}
#other-news .cards {display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); margin: var(--space-xl) 0px 0px 0px;}

/**** MEDIA 1350 ****//**** MEDIA 1350 ****//**** MEDIA 1350 ****/

@media (max-width: 1350px) {
    #other-news .cards {grid-template-columns: repeat(2, minmax(0px, 1fr));}
}

/**** MEDIA 750 ****//**** MEDIA 750 ****//**** MEDIA 750 ****/

@media (max-width: 750px) {
    #breadcrumbs span {width: 100%;}
    #breadcrumbs span::before {display: none;}
    #other-news .cards {grid-template-columns: 1fr;}
}