/* Breadcrumbs navigation styles */
.breadcrumbs {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 0.5em auto;
  padding: 0.5em 1.5em;
  background: var(--footer-bg-light);
  border-radius: 12px 12px 0 0;
  box-shadow: 0 -2px 8px rgba(0,0,0,0.04);
  font-size: 1.05em;
  width: fit-content;
  min-width: 220px;
}
.breadcrumbs ol {
  display: flex;
  gap: 0.5em;
  list-style: none;
  padding: 0;
  margin: 0;
}
.breadcrumbs li {
  color: var(--footer-text-light);
}
.breadcrumbs li:not(:last-child)::after {
  content: "/";
  margin: 0 0.5em;
  color: #aaa;
}
.breadcrumbs a {
  color: var(--footer-link, #6fdcbf);
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s;
}
.breadcrumbs a:hover {
  text-decoration: underline;
  color: #4bb89a;
}
@media (prefers-color-scheme: dark) {
  .breadcrumbs {
    background: #23272f;
    color: #e0e0e0;
  }
  .breadcrumbs a {
    color: #6fdcbf;
  }
}
@media (prefers-color-scheme: light) {
  .breadcrumbs {
    background: #f7f7f7;
    color: #23272f;
  }
  .breadcrumbs a {
    color: #1a7f5a;
  }
}