/* Breadcrumb styling to match design: blue link for previous, black bold current with arrow separator */
.app-breadcrumb { padding: 8px 0; }
.breadcrumb { background: transparent; margin: 0; padding: 0; display: flex; align-items: center; list-style: none; }
.breadcrumb .breadcrumb-item { display: flex; align-items: center; }
.breadcrumb .crumb-link { color: #007bff; font-weight: 600; text-decoration: none; margin-right: 8px; }
.breadcrumb .crumb-link:hover { text-decoration: underline; }
.breadcrumb .crumb-current { color: #111; font-weight: 700; margin-right: 8px; }
.breadcrumb .separator { color: #111; font-weight: 700; margin: 0 8px; }

/* Small screens: reduce spacing */
@media (max-width: 480px) {
  .breadcrumb .crumb-link, .breadcrumb .crumb-current { font-size: 14px; }
  .breadcrumb .separator { margin: 0 6px; }
}