/* Shared trail, rendered once and moved into the phone layout when needed. */
.topbar-navigation { flex:1; min-width:0; }
.breadcrumbs { display:block; min-width:0; overflow:visible; white-space:normal; font-size:13px; }
.breadcrumbs ol { display:flex; flex-wrap:wrap; align-items:center; gap:4px 0; list-style:none; margin:0; padding:0; }
.breadcrumbs li { display:flex; align-items:center; min-width:0; max-width:100%; line-height:1.5; }
.breadcrumbs li > a, .breadcrumbs li > span { display:block; min-width:0; max-width:30ch; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-radius:4px; padding:3px 0; }
.breadcrumbs li > a { color:var(--subtle); font-weight:500; text-decoration:none; }
.breadcrumbs li > a:hover { color:var(--brand-navy); text-decoration:underline; text-underline-offset:3px; }
.breadcrumbs [aria-current="page"] { color:var(--brand-navy); font-weight:700; }
.breadcrumbs a:focus-visible { outline:2px solid var(--brand-coral); outline-offset:3px; }
.breadcrumb-separator { flex:none; margin:0 9px; color:#8793ad; }
@media (min-width:701px) {
  .topbar { height:auto; min-height:64px; }
}
@media (max-width:700px) {
  .mobile-breadcrumb-slot { margin-bottom:16px; }
  .mobile-breadcrumb-slot:empty { display:none; }
  .mobile-breadcrumb-slot .breadcrumbs { font-size:12px; }
  .mobile-breadcrumb-slot .breadcrumb-separator { width:12px; margin:0 6px; }
  .mobile-app-ready .mobile-conversation-open:not(.mobile-more-open) .mobile-breadcrumb-slot { display:none; }
}