/* ============================================================
   components/breadcrumbs.css
   The trail on the grey ground above the first card. Visible markup
   only; the BreadcrumbList schema is the SEO step, not this file.
   No outer margin on the root: the container places it.
   ============================================================ */
.rfi-crumbs { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--rfi-text-3); }
.rfi-crumbs a:hover { color: var(--rfi-teal); }
.rfi-crumbs__sep { color: var(--rfi-text-3); }

/* The last segment is a headline, and it is the only part long enough to push the
   trail onto a second line. One line, ellipsis, full text in title= (set by the
   partial), so nothing is lost. min-width:0 is what lets a flex item shrink below
   its content width; without it text-overflow never fires. */
.rfi-crumbs__current { color: var(--rfi-text-2); max-width: 360px; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }