/* Breadcrumbs · the kit rules for this component, quoted from phase-2/kit (kit v3) by phase-4/src/build_pack.py.
   Tokens come from ../../styles.css. Build it as: Breadcrumb. */
/* base.css */
.crumbs{display:flex;gap:var(--s-2);align-items:center;color:hsl(var(--muted-foreground));font:var(--text-card)/1 var(--font-voice)}
/* base.css */
.crumbs b{color:hsl(var(--foreground));font-weight:var(--w-semibold)}
/* families/app-shell/family.css */
.sh-pcrumb b{font-family:var(--font-voice);font-stretch:var(--font-stretch-title);font-variation-settings:normal;letter-spacing:0}
/* families/app-shell/family.css */
.sh-back{display:flex;align-items:center;gap:var(--s-2);height:32px;padding:0 10px;margin-bottom:var(--s-1);font-size:var(--text-small);color:hsl(var(--sidebar-foreground));text-decoration:none;border-radius:var(--r-control)}
/* families/app-shell/family.css */
.sh-back:hover{background:hsl(var(--sidebar-foreground)/.06)}
/* families/app-shell/family.css */
.sh-bc{display:flex;align-items:center;gap:var(--s-2);font:var(--text-card)/1 var(--font-voice);color:hsl(var(--muted-foreground));min-width:0}
/* families/app-shell/family.css */
.sh-bc a{color:inherit;text-decoration:none;border-radius:var(--r-chip);white-space:nowrap;transition:color var(--motion-hover)}
/* families/app-shell/family.css */
.sh-bc a:hover, .sh-bc a.is-hover{color:hsl(var(--foreground));text-decoration:underline;text-underline-offset:3px}
/* families/app-shell/family.css */
.sh-bc a.is-focus{outline:2px solid hsl(var(--ring));outline-offset:2px}
/* families/app-shell/family.css */
.sh-bc .sep{opacity:.55}
/* families/app-shell/family.css */
.sh-bc b{color:hsl(var(--foreground));font-weight:var(--w-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
/* families/app-shell/family.css */
.sh-bc .ell{display:inline-grid;place-items:center;width:24px;height:22px;border-radius:var(--r-chip)}
/* families/app-shell/family.css */
.sh-bc .ell:hover{background:hsl(var(--muted))}
/* families/app-shell/family.css */
.sh-bc .sh-skel-line{width:70px}
/* families/app-shell/family.css */
.sh-pcrumb{padding:var(--s-3) var(--s-4) 0;font-size:var(--text-small);color:hsl(var(--muted-foreground))}
/* families/app-shell/family.css */
.sh-pcrumb b{font-weight:var(--w-medium);color:hsl(var(--muted-foreground))}