.homepage-breadcrumbs { display: flex; align-items: center; gap: .6rem; min-width: 0; font-size: .875rem; }
.homepage-breadcrumbs a { color: var(--muted); text-decoration: none; white-space: nowrap; }
.homepage-breadcrumbs a:hover { color: var(--link); text-decoration: underline; }
.homepage-breadcrumbs > span { color: var(--muted); }
@media (max-width: 600px) {
  .homepage-breadcrumbs .site-title, .homepage-breadcrumbs__separator { display: none; }
  .header-compact .homepage-breadcrumbs { display: none; }
}