/* Breadcrumb — compact row aligned with the page content's left edge.
   Horizontal insets mirror .container (common.css) so crumbs line up
   with the content below. Absolutely positioned so it overlays the top
   of the main content instead of taking up its own height. */
.crumbs {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 5;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0.5rem 100px;
  box-sizing: border-box;
  pointer-events: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.875rem;
}

.crumbs a {
  color:#000;
  font-weight: 400;
  text-decoration: none;
  pointer-events: auto;
}

.crumbs a:hover {
  text-decoration: none;
}


.crumbs [aria-current="page"] {
  color: #005eb1;
  font-weight: 600;
}

@media (min-width: 1600px) {
  .crumbs {
    width: 1440px;
    padding-inline: 0;
  }
}

@media screen and (max-width: 899px) {
  .crumbs {
    padding-inline: 1rem;
    padding-bottom: 1.5rem;
    position: relative;
  }
}