/* Explorer and whitepaper opt into a single row of mobile navigation controls.
   Keep the page name and translated control labels intact; the brand retains
   its accessible name when its mark is used alone on narrow screens. */
@media(max-width:720px){
  header.mobile-header .bar.bar-here{
    display:grid;grid-template-columns:auto minmax(max-content,1fr) auto auto;
    align-items:center;column-gap:8px;row-gap:8px;
    height:auto;min-height:58px;margin-top:0;padding:10px 14px;
  }
  header.mobile-header .bar.bar-here .brand{
    margin:0;gap:5px;white-space:nowrap;
  }
  header.mobile-header .brand .mark{width:20px;height:20px}
  header.mobile-header .brand b{font-size:11px;letter-spacing:.09em}
  header.mobile-header .bar.bar-here .nav.nav-here{
    position:static;transform:none;left:auto;margin:0;min-width:0;
    justify-content:center;
  }
  header.mobile-header .nav .here{font-size:10px;letter-spacing:.04em;padding:4px 0}
  header.mobile-header .bar.bar-here .lang{margin:0;gap:5px}
  header.mobile-header .lang .hdd-btn,
  header.mobile-header #site-wallet{
    min-height:36px;padding:7px 6px;gap:4px;
    font-size:10px;line-height:1.4;letter-spacing:.02em;
  }
  header.mobile-header .hdd-caret{width:5px;height:5px;flex:0 0 auto}
  header.mobile-header .site-wallet-control{justify-self:end;min-width:max-content}
  header.mobile-header .xtip{
    grid-column:1/-1;justify-self:end;justify-content:flex-end;
    margin:0;gap:6px;max-width:100%;
  }
  header.mobile-header .xtip .label{font-size:10px;letter-spacing:.1em}
  header.mobile-header .xtip-v{font-size:12px}
}
@media(max-width:479px){
  header.mobile-header .bar.bar-here{column-gap:6px;padding-inline:12px}
  header.mobile-header .brand b{
    position:absolute;width:1px;height:1px;padding:0;margin:-1px;
    overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;
  }
  header.mobile-header .bar.bar-here .brand{gap:0;min-height:36px}
  header.mobile-header .brand .mark{width:22px;height:22px}
}
@media(max-width:389px){
  header.mobile-header .bar.bar-here{column-gap:4px}
  header.mobile-header .bar.bar-here .lang{gap:4px}
  header.mobile-header .lang .hdd-btn,
  header.mobile-header #site-wallet{padding-inline:5px;font-size:9.5px;letter-spacing:0}
  header.mobile-header .nav .here{font-size:9.5px;letter-spacing:0}
}
@media(max-width:359px){
  header.mobile-header .bar.bar-here{column-gap:3px;padding-inline:10px}
  header.mobile-header .bar.bar-here .lang{gap:3px}
  header.mobile-header .lang .hdd-btn,
  header.mobile-header #site-wallet{padding-inline:4px;font-size:8.5px;letter-spacing:0}
  header.mobile-header .nav .here{font-size:9px;letter-spacing:0}
  header.mobile-header .brand .mark{width:20px;height:20px}
}