/* Breadcrumbs share the surrounding surface instead of creating a white strip. */
.site-breadcrumbs { background: transparent; border: 0; }
.site-breadcrumbs > div { padding-block: 12px; }
.site-breadcrumbs ol { font-size: 11px; line-height: 1.5; }
.site-breadcrumbs li { min-width: 0; }
.site-breadcrumbs li:last-child { overflow-wrap: anywhere; }
.public-design .site-breadcrumbs:has(+ :is(.design-entity-hero,.design-match-hero,.public-hero,.live-hero)) { background: #071b29; }
.public-design .site-breadcrumbs:has(+ :is(.design-entity-hero,.design-match-hero,.public-hero,.live-hero)) a { color: #a5bfcd; }
.public-design .site-breadcrumbs:has(+ :is(.design-entity-hero,.design-match-hero,.public-hero,.live-hero)) [aria-current] { color: #e0ebf0; }
.public-design .site-breadcrumbs:has(+ :is(.design-entity-hero,.design-match-hero,.public-hero,.live-hero)) svg { color: #6c8a9a; }
.site-breadcrumbs a:hover { color: #17b986; }
.site-brand-mark { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 40px; height: 40px; }
.site-brand-mark img { display: block; width: 100%; height: 100%; }
.site-footer .site-footer-mark { width: 40px; height: 40px; border: 0; background: transparent; }
.mobile-drawer-brand { display: flex; gap: 9px; align-items: center; }
.mobile-drawer-brand img { width: 34px; height: 34px; flex-shrink: 0; }
@media(max-width:639px) { .site-breadcrumbs > div { padding-block: 9px; } .site-breadcrumbs ol { font-size: 10px; } }

.site-brand-link { min-width: 0; }
.site-brand-name { white-space: nowrap; }
.mobile-menu-button:focus-visible { outline: 2px solid #27dca1; outline-offset: 2px; border-radius: 5px; }
@media(max-width:420px) { .site-brand-link .site-brand-mark { width: 34px; height: 34px; } .site-brand-link .site-brand-name { font-size: 17px; } }
@media(max-width:359px) { .site-brand-link .site-brand-name { font-size: 15px; } }