.breadcrumbs {
display: block;
}
.breadcrumbs ol {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
text-align: center;
padding: 0.75rem 0;
border-top: 1px solid var(--border);
border-bottom: 1px solid var(--border);
font-family: var(--font-body);
font-size: var(--text-sm);
letter-spacing: 0.03em;
color: var(--muted-foreground);
}
.breadcrumbs ol li {
break-inside: avoid;
}
.breadcrumbs ol li a {
color: var(--brick-dark);
transition: color 180ms var(--ease-urban);
}
.breadcrumbs ol li a:hover {
color: var(--brick);
}
.breadcrumbs li:not(:last-child)::after {
content: "›";
margin: 0 0.75rem;
color: var(--neutral-400);
}
@media (max-width: 768px) {
.breadcrumbs ol {
justify-content: start;
text-align: left;
}
}