/* breadcrumb explicit override to ensure 12px regardless of global styles */
.article-detail-page .breadcrumb-section .nav-links,
.article-detail-page .breadcrumb-section .nav-detail-link,
.article-detail-page .breadcrumb-section .nav-separator { font-size: 13px !important; }

/* icon font style per request */
.breadcrumb-section .breadcrumb-home-icon { margin-right: 0; width: 1em; height: 1em; font-size: 13px; display: inline-block; vertical-align: -2px; }

/* breadcrumb link spacing between icon and text */
.breadcrumb-section .nav-detail-link { display: inline-flex; align-items: center; gap: 0.1rem; }

/* add top padding for separator and detail link */
.breadcrumb-section .nav-separator, .breadcrumb-section .nav-detail-link { padding: 9px 0 0 0; }

/* breadcrumb background color */
/* reverted: .article-detail-page .breadcrumb-section { background-color: #f4f4f4; } */

/* full-bleed grey backdrop for the entire article block */
.article-detail-page { position: relative; z-index: 0; }
.article-detail-page::before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; width: 100vw; background-color: #f4f4f4; z-index: -1; }