.wz-crumbs { display: flex; align-items: center; gap: .3rem; min-width: 0; flex: 1 1 auto; font-size: .875rem; line-height: 1.25rem; }
    .wz-crumb-step { display: inline-flex; align-items: center; gap: .3rem; min-width: 0; }
    .wz-crumb { display: inline-flex; align-items: center; gap: .35rem; color: #64748b; text-decoration: none; white-space: nowrap; border-radius: .375rem; padding: .25rem .4rem; margin: 0 -.15rem; transition: color .15s, background-color .15s; }
    .wz-crumb:hover { color: #0f172a; background: rgba(100,116,139,.12); }
    html.dark .wz-crumb { color: #94a3b8; }
    html.dark .wz-crumb:hover { color: #f1f5f9; background: rgba(148,163,184,.14); }
    .wz-crumb-sep { width: 1rem; height: 1rem; flex-shrink: 0; color: #94a3b8; opacity: .85; }
    nav.wz-crumbs h1.wz-crumb-current { font-size: .875rem !important; line-height: 1.25rem !important; margin: 0; padding: .25rem .4rem; font-weight: 700; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    @media (max-width: 640px) { .wz-crumb-step { display: none; } }