/*
 * Estilos mínimos del <nav> de breadcrumbs de Triad.
 *
 * Los separadores son contenido generado por CSS (::after), nunca texto en
 * el DOM: así un lector de pantalla no los anuncia entre cada nivel.
 */

.triad-breadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
}

.triad-breadcrumbs li {
	display: flex;
	align-items: center;
}

.triad-breadcrumbs li:not(:last-child)::after {
	content: "/";
	margin: 0 0.5em;
	opacity: 0.6;
}

.triad-breadcrumbs a {
	text-decoration: none;
}

.triad-breadcrumbs a:hover,
.triad-breadcrumbs a:focus {
	text-decoration: underline;
}

.triad-breadcrumbs [aria-current="page"] {
	font-weight: 600;
}