/* ═══════════════════════════════════════════════════════════════
   BREADCRUMB NAVIGATION · institutional wayfinding · 2026-05-26
   Z.ai audit MEDIUM #9 closure · ISO 9241-210 Principle of
   Suitability for Task. Used on Technical, Compliance, Heritage,
   Whitepaper, About interior pages.
   ═══════════════════════════════════════════════════════════ */

.breadcrumb {
  max-width: 1200px;
  margin: 0 auto;
  padding: 14px 28px;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 11.5px;
  letter-spacing: 0.08em;
  color: #888;
}

.breadcrumb ol {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
}

.breadcrumb ol li {
  display: inline-flex;
  align-items: center;
  margin: 0 !important;
}

.breadcrumb ol li::after {
  content: '\203A';   /* › single right-pointing angle */
  margin: 0 10px;
  color: rgba(200,168,78,0.55);
  font-weight: 700;
}

.breadcrumb ol li:last-child::after { content: none; }

.breadcrumb ol li a {
  color: #555;
  text-decoration: none;
  border-bottom: 1px dashed rgba(200,168,78,0.30);
  padding-bottom: 1px;
  transition: color .2s, border-color .2s;
}

.breadcrumb ol li a:hover {
  color: #C8A84E;
  border-bottom-color: #C8A84E;
}

.breadcrumb ol li[aria-current="page"] {
  color: #111;
  font-weight: 700;
}

/* Dark-register breadcrumbs (for pages with dark hero) */
body:not(.body-light) .breadcrumb {
  color: rgba(245,240,232,0.55);
}
body:not(.body-light) .breadcrumb ol li a {
  color: rgba(245,240,232,0.75);
  border-bottom-color: rgba(200,168,78,0.30);
}
body:not(.body-light) .breadcrumb ol li[aria-current="page"] {
  color: #F5F0E8;
}

/* Tight spacing inside whitepaper nav-region · sits under sticky nav */
.body-light .wp-shell + .breadcrumb,
.body-light .breadcrumb + .wp-shell {
  margin-top: -8px;
}

@media (max-width: 720px) {
  .breadcrumb {
    padding: 12px 20px;
    font-size: 10.5px;
  }
  .breadcrumb ol li::after { margin: 0 7px; }
}