/* Explorer has more header controls than the other pages. Keep its title in
   the layout so translated controls can wrap without covering one another. */
.xp-body header .bar.bar-here{
  height:auto;min-height:72px;margin-top:0;padding-block:12px;
  flex-wrap:wrap;gap:10px 18px;
}
.xp-body header .bar.bar-here .brand{
  flex:0 0 auto;margin-inline:0;
}
.xp-body header .nav.nav-here{
  position:static;left:auto;transform:none;flex:0 0 auto;margin:0 auto;
}
.xp-body header .lang,.xp-body header .site-wallet-control{flex:0 0 auto}
.xp-body header .xtip{
  flex:0 1 auto;min-width:0;max-width:100%;flex-wrap:wrap;gap:4px 9px;
}
.xp-body header .xtip > span{white-space:nowrap}
@media(max-width:1100px){
  .xp-body header .xtip{flex-basis:100%;justify-content:flex-end}
}
@media(max-width:720px){
  .xp-body header .bar.bar-here{min-height:58px;gap:8px}
  .xp-body header .nav.nav-here{margin-inline-start:auto;margin-inline-end:0}
  .xp-body header .lang{margin-inline-start:auto}
}