/* Small, wrapping navigation shared by public pages and the account. */
.tu-breadcrumbs {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    min-width: 0;
    max-width: 100%;
    margin: 0 0 20px;
    color: #ffd00d;
    font: 600 14px/1.6 Involve, Arial, sans-serif;
    font-style: oblique;
    text-align: left;
    text-transform: uppercase;
}
.tu-breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 8px;
    min-width: 0;
    margin: 0;
    padding: 3px 0;
    list-style: none;
}
.tu-breadcrumbs li { display: inline; min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.tu-breadcrumbs li + li::before { content: "·"; margin-right: 8px; }
.tu-breadcrumbs a, .tu-breadcrumbs [aria-current] { color: inherit; font: inherit; text-decoration: none; }
.tu-breadcrumbs a:hover { color: #0781ef; text-decoration: underline; }
.tu-breadcrumbs a:focus-visible { outline: 2px solid #0781ef; outline-offset: 3px; border-radius: 2px; }
.tu-breadcrumbs .tu-breadcrumbs__home { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 30px; min-height: 30px; }
.tu-breadcrumbs__prefix { padding-top: 3px; flex: 0 0 auto; }
.tu-reading-crumb .tu-breadcrumbs { margin-bottom: 0; }
@media (max-width: 767px) {
    .tu-breadcrumbs { font-size: 12px; gap: 6px; margin-bottom: 16px; }
}