/* Breadcrumbs stay in page flow, independent of the header's mobile menu. */
:is(.resource-breadcrumb,.service-breadcrumbs){
  display:flex;
  position:static;
  inset:auto;
  flex-direction:row;
  align-items:center;
  flex-wrap:wrap;
  gap:4px 10px;
  width:auto;
  height:auto;
  min-height:44px;
  box-sizing:border-box;
  flex-shrink:0;
  min-width:0;
  max-height:none;
  background:none;
  border:0;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  overflow:visible;
  z-index:auto;
  font-size:12px;
  line-height:1.5;
}
:is(.resource-breadcrumb,.service-breadcrumbs)>*{
  max-width:100%;
  min-width:0;
  overflow-wrap:anywhere;
}
:is(.resource-breadcrumb,.service-breadcrumbs)>a:not(.button){
  display:inline-flex;
  align-items:center;
  min-height:44px;
  min-width:44px;
  padding:0;
}
.resource-breadcrumb>[aria-hidden=true]{flex:none}
.service-breadcrumbs>*+*:before{flex:none}
@media(max-width:700px){
  :is(.resource-breadcrumb,.service-breadcrumbs){font-size:12px;gap:2px 8px}
  .resource-breadcrumb{padding-top:16px}
  .service-breadcrumbs>*+*:before{padding-right:8px}
}