.breadcrumb{
display:flex;
align-items:center;
gap:var(--gd3);
width:var(--bcw,var(--pw3));
max-width:100%;
margin:0 auto var(--gap);
font-family:var(--ff2);
font-size:var(--fz0);
font-weight:calc(500 + var(--fw-offset));
color:var(--tx3);
overflow:hidden;
}
.breadcrumb a{
display:inline-flex;
align-items:center;
gap:6px;
color:var(--tx2);
text-decoration:none;
transition:color 100ms ease;
flex-shrink:0;
}
.breadcrumb a:hover{
color:var(--cl1);
text-decoration:underline;
text-decoration-thickness:2px;
text-underline-offset:3px;
}
.breadcrumb-sep{
font-size:0;
display:inline-block;
width:8px;
height:8px;
border:1.5px solid var(--tx3);
border-radius:50%;
opacity:.5;
flex-shrink:0;
}
.breadcrumb-current{
color:var(--tx1);
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
min-width:0;
flex:1;
}
body>.breadcrumb:not(.hub-breadcrumb){
max-width:var(--max);
}
.feat-breadcrumb{
margin-top:var(--gap);
}
.hub-breadcrumb{
--bcw:none;
max-width:none;
margin:0 0 var(--gap);
}