/* ==========================================================================
   SITE BREADCRUMBS — UI v1 component
   Consolidated from the approved breadcrumb cascade without visual changes.
   Hero-adjacent shell geometry remains owned by internal-heroes.css.
   Typography remains owned by typography.css.
   ========================================================================== */

.breadcrumbs{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  margin:0 0 18px;
  color:#7a878e;
}

.breadcrumbs a{
  color:#607078;
}

.breadcrumbs a:hover{
  color:var(--green);
}

.breadcrumbs>span[aria-hidden="true"]{
  color:#b0bbb6;
}

.breadcrumbs>span[aria-current="page"]{
  min-width:0;
  color:#596970;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.article-page .breadcrumbs>span[aria-hidden="true"]{
  color:#b4bfba;
}

.article-page .breadcrumbs>span[aria-current="page"]{
  color:#68777e;
}

@media(max-width:700px){
  .breadcrumbs{
    margin-bottom:10px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
}