/* Visible breadcrumbs — same font, colours and container width as the site nav (see style.css variables) */
.rb-bc { max-width: 1250px; margin: 0 auto; padding: 14px 28px 0; font-family: 'Inter', sans-serif; font-size: 13px; line-height: 1.45; color: var(--ink-soft, #2c2c2c); }
.rb-bc-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 0; }
.rb-bc-item { display: inline-flex; align-items: baseline; min-width: 0; max-width: 100%; }
/* separator sits at the END of each parent item, so when a long title wraps the "›" stays with the previous crumb */
.rb-bc-item:not(:last-child)::after { content: "\203A"; margin: 0 8px; color: var(--ink-soft, #2c2c2c); opacity: .55; flex: none; }
.rb-bc-link { display: inline-block; padding: 3px 0; color: var(--ink-soft, #2c2c2c); text-decoration: underline; text-decoration-color: var(--line, #D8DCD3); text-underline-offset: 3px; }
.rb-bc-link:hover { color: var(--signal-text, #D43900); text-decoration-color: currentColor; }
.rb-bc-link:focus-visible { outline: 2px solid var(--focus, #2D5BFF); outline-offset: 2px; border-radius: 3px; }
.rb-bc-current { display: inline-block; padding: 3px 0; font-weight: 600; color: var(--ink, #15191C); min-width: 0; overflow-wrap: anywhere; word-break: break-word; }
@media (max-width: 640px) {
  .rb-bc { padding: 10px 16px 0; font-size: 12.5px; }
  .rb-bc-item:not(:last-child)::after { margin: 0 6px; }
}
@media print { .rb-bc { display: none; } }