<!-- start Simple Custom CSS and JS -->
<style type="text/css">
<style>

/* ---------------------------------------------
   BREADCRUMB NAVIGATION (Your Global Style)
---------------------------------------------- */
.breadcrumb-nav {
  margin: 1.2rem 0 2rem 0;
  font-size: 0.95rem;
  color: #555;
}

.breadcrumb-nav .breadcrumb-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.breadcrumb-nav a {
  color: #1b74a8;
  text-decoration: none;
  font-weight: 500;
}

.breadcrumb-nav a:hover {
  text-decoration: underline;
}

.breadcrumb-nav .breadcrumb-separator {
  color: #999;
  font-size: 0.9rem;
  padding: 0 2px;
}

.breadcrumb-nav .breadcrumb-current {
  color: #000;
  font-weight: 600;
}

/* Mobile tuning */
@media (max-width: 600px) {
  .breadcrumb-nav {
    font-size: 0.9rem;
  }
}

</style>
</style>
<!-- end Simple Custom CSS and JS -->
