/* Phase 2 — visible breadcrumbs on inner pages */
.zatra-breadcrumbs{
  padding:14px var(--container-x, clamp(18px,4vw,34px)) 0;
  max-width:var(--max,1200px);
  margin:0 auto;
}
.zatra-breadcrumb-list{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
  font-size:13.5px;
  line-height:1.4;
  color:var(--muted,#667085);
}
.zatra-breadcrumb-list li{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.zatra-breadcrumb-list li + li::before{
  content:"/";
  color:rgba(16,24,40,.28);
  font-weight:600;
}
.zatra-breadcrumb-list a{
  color:var(--muted-2,#475467);
  text-decoration:none;
  font-weight:600;
}
.zatra-breadcrumb-list a:hover,
.zatra-breadcrumb-list a:focus-visible{
  color:var(--red,#ed0000);
  text-decoration:underline;
}
.zatra-breadcrumb-list li[aria-current="page"]{
  color:var(--ink,#101828);
  font-weight:700;
}