/*
 * Breadcrumb trail component, used by single.php and archive.php.
 * Extracted from Sprint 3's article.css (verbatim), with its
 * co-located mobile override.
 *
 * @package TFGadgets
 */

/* Breadcrumbs */
.breadcrumbs{
	max-width:720px;
	margin:0 auto 18px;
	padding-top:32px;
}
.breadcrumbs ol{ display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
.breadcrumbs li{ display:flex; align-items:center; gap:6px; }
.breadcrumbs li:not(:last-child)::after{
	content:"/"; color:var(--text-faint); margin-left:6px;
}
.breadcrumbs a{
	font-family:var(--font-mono); font-size:11.5px; text-transform:uppercase; letter-spacing:.05em;
	color:var(--text-muted);
}
.breadcrumbs a:hover{ color:var(--accent); }
.breadcrumbs [aria-current="page"]{
	font-family:var(--font-mono); font-size:11.5px; text-transform:uppercase; letter-spacing:.05em;
	color:var(--text-faint);
	max-width:280px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; vertical-align:bottom;
}


@media (max-width: 680px){
	.breadcrumbs [aria-current="page"]{ max-width:160px; }
}