.breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); font-size: var(--fs-body-sm); color: var(--text-secondary); }
.breadcrumb a { display: inline-flex; align-items: center; min-height: 32px; min-width: 32px; justify-content: center; color: inherit; text-decoration: none; border-bottom: 1px solid transparent; }
.breadcrumb a:hover { color: var(--accent); border-bottom-color: currentColor; }
.breadcrumb [aria-current="page"] { color: var(--text-heading); font-weight: var(--fw-semibold); }
.breadcrumb .icon { width: 1em; height: 1em; opacity: 0.6; }