/* ------------------------------------------------------------ breadcrumb
 * templates/ui/breadcrumb.html. Every step after the first is separated by
 * « · », whatever its element - two links side by side read as one name
 * («Products Schweizer Nebenwerte», WEB-NAV-06). The current
 * page is the last step and no link. */
@layer ui {
.crumb { margin: 0 0 var(--s-5); font-size: var(--t-micro); color: var(--text-secondary); max-width: none; }
/* A link in a line of text is told apart by more than its colour (axe
   link-in-text-block): a hairline under it in the fine rule role
   (color.rule.fine, WEB-TYP-09; corum-light is only the frame of a red tag). */
.crumb a { color: var(--text-accent); text-decoration: underline; text-decoration-thickness: 1px;
  text-underline-offset: .2em; text-decoration-color: var(--rule-fine); }
.crumb a:hover { color: var(--corum-dark); }
.crumb > * + *::before { content: "\00a0\00a0·\00a0\00a0"; color: var(--text-secondary); }
}  /* @layer ui */