/* Component styles load after the theme and its responsive rules. */
.seo-breadcrumbs { padding: 0; margin: 0 0 .75rem; font-size: .85rem; color: #d6d6d6; }
.seo-breadcrumbs ol { display: flex; flex-wrap: wrap; gap: .5rem; list-style: none; margin: 0; padding: 0; }
.seo-breadcrumbs li + li::before { content: '/'; margin-right: .5rem; opacity: .6; }
.seo-breadcrumbs a { color: inherit; text-decoration: underline; text-underline-offset: .2em; }
.seo-slider-control { appearance: none; border: 0; background: transparent; color: inherit; padding: 0; cursor: pointer; }
.seo-slider-control:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }
/* Bootstrap modal titles keep their component spacing after H1 -> H2. */
.modal-header .modal-title { margin-bottom: 0; line-height: 1.5; }

/* Contact details use block spans; breadcrumb labels must remain inline. */
#contact-page .seo-breadcrumbs span {
    display: inline;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
}