/**
 * Site-wide breadcrumb row displayed immediately below the main header.
 *
 * JavaScript supplies the trail because the redesigned archive contains many
 * independent PHP templates. Keeping the presentation here makes the row
 * consistent without adding inline styles to those templates.
 */
.site-breadcrumbs {
  min-height:4rem;
  padding:.65rem max(4.5vw,calc((100vw - 81.875rem)/2));
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:.45rem;
  overflow-x:auto;
  border-top:1px solid #d7d3ca;
  border-bottom:1px solid #c9c4b9;
  background:#f5f2eb;
  color:#101b33;
  white-space:nowrap;
  scrollbar-width:thin
}
.site-breadcrumbs-separator {
  color:#9a8262;
  font-size:.8rem;
  font-weight:800
}
.site-breadcrumbs a,
.site-breadcrumbs strong {
  min-height:2.35rem;
  padding:.5rem .78rem;
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  border:1px solid #b9b3a8;
  color:#101b33;
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.045em;
  line-height:1.15;
  text-decoration:none;
  text-transform:uppercase
}
.site-breadcrumbs a {
  background:#fff;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease
}
/*
 * Match the Home crumb to the shared header-logo column. This keeps the logo
 * visually above Home instead of drifting toward the following separator as
 * the visitor enlarges the text.
 */
.site-breadcrumbs-home {
  width:7.5rem;
  justify-content:center
}
.site-breadcrumbs a::after {
  content:"→";
  margin-left:.65rem;
  color:#d94836;
  font-size:.86rem
}
.site-breadcrumbs a:hover,
.site-breadcrumbs a:focus-visible {
  border-color:#101b33;
  background:#101b33;
  color:#fff;
  outline:none;
  box-shadow:0 3px 0 #f2b84b;
  transform:translateY(-1px)
}
.site-breadcrumbs a:hover::after,
.site-breadcrumbs a:focus-visible::after {
  color:#f2b84b
}
.site-breadcrumbs strong {
  border-color:#d69a29;
  background:#f2b84b;
  box-shadow:inset 0 -3px 0 #e54b38
}

/* The new row replaces section-specific black breadcrumb bands. */
[data-ipms-original-breadcrumb] {
  display:none!important
}

@media(max-width:42.5rem) {
  .site-breadcrumbs {
    padding:.65rem 1rem
  }
}
