.site-breadcrumb {
  position: static;
  margin: 0 0 24px;
  max-width: 100%;
  color: inherit;
  font: 400 13px/1.6 "Work Sans", system-ui, sans-serif;
  letter-spacing: normal;
  text-transform: none;
}
.site-breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-breadcrumb li { display: inline; margin: 0; padding: 0; }
.site-breadcrumb li + li::before { content: "›"; margin-right: 10px; }
.site-breadcrumb a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.site-breadcrumb [aria-current="page"] { overflow-wrap: anywhere; }
.site-breadcrumb a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
@media (max-width: 560px) { .site-breadcrumb { font-size: 12px; margin-bottom: 18px; } }