/* Breadcrumbs: <nav class="c-breadcrumbs" aria-label="Breadcrumb"><ol>..</ol></nav>. Also fits rank_math_the_breadcrumbs() output (p > a + .separator + .last). */
.c-breadcrumbs { font-size: var(--fs-13); line-height: var(--lh-13); color: var(--color-text-muted); }
.c-breadcrumbs ol, .c-breadcrumbs p { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-1) var(--space-2); margin: 0; padding: 0; list-style: none; }
.c-breadcrumbs li + li::before { content: "/"; margin-right: var(--space-2); color: var(--pn-gray-400); }
.c-breadcrumbs a { color: var(--color-text-muted); text-decoration: none; }
.c-breadcrumbs a:hover { color: var(--color-primary); text-decoration: underline; }
.c-breadcrumbs [aria-current], .c-breadcrumbs .last { color: var(--color-text); font-weight: var(--fw-medium); }
.c-breadcrumbs .separator { color: var(--pn-gray-400); }