/**
 * Shared IPMS Seattle breadcrumb navigation
 *
 * Every section uses the same left-aligned, horizontally scrollable trail.
 * The current page is highlighted in gold; linked ancestors receive a clear
 * hover and keyboard-focus treatment.
 */
.breadcrumb-bar,
.category-breadcrumb-bar,
.review-breadcrumb-bar {
  min-height:5rem;
  padding:.75rem max(4.5vw,calc((100vw - 81.875rem)/2));
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:.5rem;
  overflow-x:auto;
  background:#101b33;
  color:#fff;
  white-space:nowrap;
  font-size:.72rem;
  font-weight:800;
  text-transform:uppercase
}
.category-breadcrumb-links,
.review-breadcrumb-links {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:.5rem;
  flex:0 0 auto
}
.breadcrumb-bar a,
.breadcrumb-bar strong,
.category-breadcrumb-links a,
.category-breadcrumb-links strong,
.review-breadcrumb-links a,
.review-breadcrumb-links strong {
  min-height:2.9rem;
  padding:.7rem 1rem;
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(255,255,255,.06);
  color:#fff;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.055em;
  text-transform:uppercase;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease
}
.breadcrumb-bar a::after,
.category-breadcrumb-links a::after,
.review-breadcrumb-links a::after {
  content:"→";
  position:static;
  margin-left:.75rem;
  color:#f2b84b;
  font-size:.9rem
}
.breadcrumb-bar a:hover,
.breadcrumb-bar a:focus-visible,
.category-breadcrumb-links a:hover,
.category-breadcrumb-links a:focus-visible,
.review-breadcrumb-links a:hover,
.review-breadcrumb-links a:focus-visible {
  border-color:#f2b84b;
  background:#263650;
  color:#fff;
  transform:translateY(-2px);
  outline:none
}
.breadcrumb-bar a:focus-visible,
.category-breadcrumb-links a:focus-visible,
.review-breadcrumb-links a:focus-visible {
  box-shadow:0 0 0 3px rgba(242,184,75,.38)
}
.breadcrumb-bar strong,
.category-breadcrumb-links strong,
.review-breadcrumb-links strong {
  padding-right:1rem;
  border-color:#f2b84b;
  background:#f2b84b;
  color:#101b33;
  box-shadow:inset 0 -4px 0 #e54b38
}

@media(max-width:42.5rem) {
  .breadcrumb-bar,
  .category-breadcrumb-bar,
  .review-breadcrumb-bar {
    padding:.75rem 1.25rem
  }
}