/* Visible breadcrumb only; preserve the existing page and shared component styles. */
.seo-breadcrumb {
  margin: 0 0 18px;
  max-width: 100%;
  color: #bdbdbd;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.8;
  text-align: left;
  text-transform: none;
  overflow-wrap: anywhere;
}
.seo-breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 9px;
  margin: 0;
  padding: 0;
}
.seo-breadcrumb li {
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
}
.seo-breadcrumb li + li::before {
  content: '›';
  margin-right: 9px;
  color: #aaa;
}
.seo-breadcrumb a {
  color: #89ecbd;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.seo-breadcrumb a:focus-visible {
  outline: 2px solid #fdb549;
  outline-offset: 3px;
}
.about-page .seo-breadcrumb {
  color: #555;
}
.about-page .seo-breadcrumb a {
  color: #805000;
}
.about-page .seo-breadcrumb li + li::before {
  color: #777;
}