/* Two workspace rows need their own vertical space in the sticky header. */
:root { --toolbox-header-height:105px; }
.topbar { height:auto; min-height:var(--toolbox-header-height); padding-block:12px; gap:12px 20px; }
.workspace-switcher { min-width:0; flex:1; max-width:560px; }
.workspace-switcher .adventure-switcher {
  display:grid;
  grid-template-columns:max-content minmax(0,1fr);
  width:100%;
  gap:12px;
}
.workspace-switcher .adventure-switcher > span { white-space:nowrap; }
.workspace-switcher select { min-width:0; width:100%; min-height:44px; }
.workspace-identity {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px 12px;
  margin-top:4px;
  font-size:.72rem;
  color:var(--muted);
}
.workspace-identity a { color:var(--brand); min-height:32px; display:inline-flex; align-items:center; }
.topbar .icon-button { flex-shrink:0; }
@media (max-width:1024px) {
  .topbar { min-height:72px; }
  .workspace-switcher { order:3; width:100%; max-width:none; flex-basis:100%; }
}
@media (max-width:600px) {
  .workspace-identity a, .toolbox-locales a, .topbar .icon-button { min-height:44px; }
}