/* 06-components/_crumb.css — .c-crumb breadcrumb. */
.c-crumb { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2xs); font-size: var(--text-sm); color: var(--ink-faint); }
.c-crumb a { color: var(--ink-muted); text-decoration: none; padding: 2px var(--space-2xs); border-radius: var(--radius-sm); }
.c-crumb a:hover { background: var(--surface-sunken); color: var(--ink); }
.c-crumb__sep { color: var(--rule-strong); }
@media (pointer: coarse) { .c-crumb a { display: inline-flex; align-items: center; min-height: var(--height-control); } }
.c-crumb [aria-current="page"] { color: var(--ink); font-weight: var(--weight-medium); }