
/* CANONICAL-BREADCRUMB-CSS-START */
.hpr-breadcrumb { max-width: 1180px; margin: 0 auto; padding: 14px 28px; font-size: 13px; color: var(--ink-soft); }
.hpr-breadcrumb ol { list-style: none; display: flex; flex-wrap: wrap; gap: 0; margin: 0; padding: 0; }
.hpr-breadcrumb li { display: flex; align-items: center; }
.hpr-breadcrumb li:not(:last-child)::after { content: '/'; margin: 0 8px; color: var(--rule); }
.hpr-breadcrumb a { color: var(--ink-soft); text-decoration: none; }
.hpr-breadcrumb a:hover { color: var(--teal-deep); text-decoration: underline; }
.hpr-breadcrumb li[aria-current="page"] { color: var(--ink); font-weight: 600; }
@media (max-width: 600px) { .hpr-breadcrumb { padding: 10px 20px; font-size: 12px; } }
/* CANONICAL-BREADCRUMB-CSS-END */
