.breadcrumb { font-size: 13px; color: var(--muted); }
.breadcrumb__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.breadcrumb__list li { display: inline-flex; align-items: center; gap: 6px; }
.breadcrumb__list li + li::before { content: '/'; color: var(--line-2); }
.breadcrumb a { color: inherit; text-decoration: none; display: inline-flex; align-items: center; min-block-size: 24px; }
.breadcrumb a:hover { color: var(--ink); text-decoration: underline; }
.breadcrumb [aria-current] { color: var(--ink); }