/* Keep the search group centred independently of breadcrumb length. */
.topbar-left,.topbar-center { display:contents; }
@media(min-width:1101px), (min-width:821px) and (pointer:fine) {
  .topbar { display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px; }
  .topbar-left { display:flex;align-items:center;gap:14px;min-width:0; }
  .topbar-left>.back-button,.topbar-left>.menu-toggle { flex-shrink:0; }
  .topbar .breadcrumb { min-width:0;overflow:hidden; }
  .topbar .breadcrumb>span { min-width:0;overflow:hidden;text-overflow:ellipsis; }
  .topbar-center { display:flex;align-items:center;gap:14px;min-width:0;width:clamp(300px,34vw,450px); }
  .topbar-center .global-search { display:flex;flex:1;min-width:0;width:auto;margin:0; }
  .topbar-center .global-search input { min-width:0; }
  .topbar-center .armory-link { flex-shrink:0; }
  .topbar .mj-tools { justify-self:end;justify-content:flex-end;flex-wrap:wrap;min-width:0;max-width:100%;margin:0; }
}
@media(min-width:821px) and (max-width:1100px) and (pointer:fine) {
  .topbar { grid-template-columns:minmax(0,1fr) auto;height:auto;min-height:66px;padding-block:10px;gap:10px 18px; }
  .topbar-left { grid-column:1;grid-row:1; }
  .topbar .mj-tools { grid-column:2;grid-row:1; }
  .topbar-center { grid-column:1 / -1;grid-row:2;justify-self:center;width:min(450px,100%); }
}