.adv-breadcrumbs{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:var(--space-2);
font-size:var(--font-size-sm);
color:var(--color-muted);
list-style:none;
padding:0;
margin:0 0 var(--space-6);
}
.adv-breadcrumbs li{
display:inline-flex;
align-items:center;
gap:var(--space-2);
min-width:0;
}
.adv-breadcrumbs a{
color:var(--color-muted);
text-decoration:none;
padding:.15em 0;
transition:color var(--duration-fast) var(--ease-standard);
}
.adv-breadcrumbs a:hover{
color:var(--color-accent);
text-decoration:underline;
text-underline-offset:3px;
}
.adv-breadcrumbs a:focus-visible{
outline:2px solid var(--color-focus);
outline-offset:2px;
border-radius:var(--radius-xs);
}
.adv-breadcrumbs li[aria-current="page"]{
color:var(--color-ink);
font-weight:var(--weight-medium);
max-width:34ch;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.adv-breadcrumbs__sep{
color:var(--color-faint);
user-select:none;
flex-shrink:0;
}
.adv-breadcrumbs--pill{
gap:var(--space-3);
}
.adv-breadcrumbs--pill a{
padding:.3em .75em;
background:var(--color-bg-soft);
border:1px solid var(--color-line);
border-radius:var(--radius-pill);
}
.adv-breadcrumbs--pill a:hover{
background:var(--color-primary-soft);
border-color:var(--color-accent);
color:var(--color-primary);
text-decoration:none;
}