/* Component: Breadcrumb — UX addition, no Figma reference (Rodrigo asked for
   it directly). Shared by level-N.html and the legal policy pages. */
.breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-gotham);
  font-weight: var(--text-caption-small-weight);
  font-size: var(--text-caption-small-size);
  line-height: var(--text-caption-small-line);
  color: var(--fog-white);
}

.breadcrumb a {
  color: inherit;
  transition: opacity 0.2s ease;
}

.breadcrumb a:hover {
  opacity: 0.7;
}