/* Ketabbin 2.3 — visible breadcrumb layer paired with structured SEO data. */
.kb-breadcrumbs { width: var(--shell); margin: 13px auto -5px; color: var(--muted); font-size: 8px; }
.kb-breadcrumbs ol { display: flex; margin: 0; padding: 0; align-items: center; gap: 7px; overflow-x: auto; list-style: none; scrollbar-width: none; }
.kb-breadcrumbs li { display: flex; flex: 0 0 auto; align-items: center; gap: 7px; white-space: nowrap; }
.kb-breadcrumbs li:not(:last-child)::after { color: color-mix(in srgb, var(--muted) 55%, transparent); content: "←"; }
.kb-breadcrumbs a:hover { color: var(--amber); }
.kb-breadcrumbs [aria-current="page"] { max-width: min(430px, 45vw); overflow: hidden; color: var(--text); text-overflow: ellipsis; }
@media (max-width: 700px) { .kb-breadcrumbs { width: calc(100% - 24px); margin-top: 9px; } .kb-breadcrumbs [aria-current="page"] { max-width: 190px; } }