/* j6c0f.css */
/* Compact one-row website header */
.app{
  width:min(1320px,calc(100% - 56px));
  padding:16px 0 70px;
}
.top-row.site-header{
  min-height:76px;
  padding:0 0 12px;
  display:grid;
  grid-template-columns:auto minmax(300px,1fr) auto;
  align-items:center;
  gap:26px;
  border-bottom:1px solid var(--line);
}
.header-brand .brand-logo{
  height:70px;
  width:auto;
  max-width:360px;
}
.header-stats{
  min-width:0;
  display:flex;
  justify-content:center;
}
.header-stats .live-stats{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:24px;
}
.header-stats .stat{gap:7px}
.header-stats .stat-label{font-size:10px;letter-spacing:.09em}
.header-stats .stat-value{font-size:19px;min-width:26px}
.header-stats .restart-btn{width:34px;height:34px}
.header-nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:4px;
  flex-wrap:nowrap;
}
.header-nav-link{
  min-height:40px;
  padding:0 13px;
  border-radius:9px;
  font-size:14px;
}
.header-contact{margin-left:2px}
.typing-zone{padding-top:30px}
.toolbar{margin-bottom:20px}
/* the old second-row status bar is no longer used */
.test-status-bar{display:none!important}

@media(max-width:1080px){
  .app{width:calc(100% - 36px)}
  .top-row.site-header{grid-template-columns:auto 1fr;gap:14px 20px}
  .header-brand .brand-logo{height:60px;max-width:310px}
  .header-nav{grid-column:2;grid-row:1;justify-self:end}
  .header-stats{grid-column:1 / -1;grid-row:2;justify-content:flex-end;border-top:1px solid rgba(202,216,228,.65);padding-top:10px}
}
@media(max-width:720px){
  .app{width:calc(100% - 28px);padding-top:10px}
  .top-row.site-header{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-bottom:10px}
  .header-brand .brand-logo{height:52px;max-width:270px}
  .header-nav{order:2;width:100%;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}
  .header-nav::-webkit-scrollbar{display:none}
  .header-nav-link{flex:0 0 auto;min-height:36px;padding:0 10px;font-size:13px}
  .header-stats{order:3;width:100%;padding-top:9px;border-top:1px solid rgba(202,216,228,.65);justify-content:flex-start;overflow-x:auto}
  .header-stats .live-stats{gap:14px}
  .typing-zone{padding-top:24px}
}