.site-breadcrumb {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 8px;
  margin-top: 32px;
  padding: 14px 0 4px;
  border-top: 1px solid var(--site-breadcrumb-line, #e6ded2);
  color: var(--site-breadcrumb-muted, #8b8175);
  font-size: 11px;
  line-height: 1.5;
}

.site-breadcrumb a {
  border-radius: 3px;
  color: var(--site-breadcrumb-link, #39584e);
  font-weight: 600;
  text-decoration: none;
}

.site-breadcrumb a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.site-breadcrumb a:focus-visible {
  outline: 2px solid var(--site-breadcrumb-focus, rgba(57, 88, 78, 0.42));
  outline-offset: 2px;
}

.site-breadcrumb [aria-current="page"] {
  color: var(--site-breadcrumb-current, #514d46);
  font-weight: 700;
}

.site-breadcrumb-separator {
  color: var(--site-breadcrumb-separator, #b5aa9b);
}

.site-breadcrumb--contained {
  max-width: 1100px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 16px;
  padding-left: 16px;
}

@media (max-width: 690px) {
  .site-breadcrumb {
    gap: 6px;
    margin-top: 22px;
    padding-top: 11px;
    font-size: 10px;
  }
}

@media print {
  .site-breadcrumb {
    display: none !important;
  }
}