/* Sitewide chrome — loaded by lib/layout.php on every blog_page_header() page.
   Holds the two .blog-* rule blocks every page uses: the subfooter (transparency
   strip) and the breadcrumb-nav. Article/author/category/tag/about/corrections
   pages add the full /blog.css on top of this via the extra_css meta hook. */

.blog-breadcrumb-nav { margin-bottom: 1.2rem; }
.blog-breadcrumb-nav .breadcrumb { margin-bottom: 0; font-size: .9rem; }
.blog-breadcrumb-nav .breadcrumb-item a {
	text-decoration: underline;
	text-underline-offset: 2px;
}
.blog-breadcrumb-nav .breadcrumb-item a:hover {
	text-decoration: none;
}
.blog-breadcrumb-nav .breadcrumb-item.active { color: inherit; opacity: .9; font-weight: 500; }
/*
 * Single-right-pointing-angle U+203A as a CSS escape. ASCII source so
 * no Mojibake risk regardless of how the CSS file is served, and the
 * glyph renders in every system font — no external font dependency
 * (the public chrome doesn't load Font Awesome).
 */
.blog-breadcrumb-nav .breadcrumb { --bs-breadcrumb-divider: none; }
.blog-breadcrumb-nav .breadcrumb-item + .breadcrumb-item::before {
	content: "\203A";
	color: inherit; opacity: .45;
	padding: 0 .45rem;
	font-size: 1em;
	vertical-align: baseline;
}

.blog-subfooter {
	border-top: 1px solid #e9ecef; margin-top: 3rem;
}
.blog-subfooter a { color: #6c757d; text-decoration: none; }
.blog-subfooter a:hover { color: #24282d; text-decoration: underline; }