/* Quiet extra category trail. Inherits the site's green; no global rules or !important. */
.ms-campaign-breadcrumbs {
  box-sizing: border-box;
  clear: both;
  width: 100%;
  margin: .25rem 0 .75rem;
  padding: 0;
  /* Match the existing 14px breadcrumb; Webton uses a 10px rem base. */
  font-size: 14px;
  line-height: 1.65;
  overflow-wrap: anywhere;
}
:where(.ms-campaign-breadcrumbs) .ms-campaign-breadcrumbs__trail {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}
:where(.ms-campaign-breadcrumbs) .ms-campaign-breadcrumbs__trail + .ms-campaign-breadcrumbs__trail { margin-top: .2rem; }
:where(.ms-campaign-breadcrumbs__trail) > li { display: inline; margin: 0; padding: 0; }
/* Override --ms-campaign-link-color only after agreeing a contrast change with the owner. */
:where(.ms-campaign-breadcrumbs) a {
  color: var(--ms-campaign-link-color, var(--groen, #00b900));
  text-decoration: underline;
  text-underline-offset: .15em;
}
:where(.ms-campaign-breadcrumbs) a:hover { text-decoration-thickness: 2px; }
:where(.ms-campaign-breadcrumbs) a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.ms-campaign-breadcrumbs__separator { display: inline-block; margin: 0 .5em; color: inherit; }