.top{align-items:center;margin-bottom:0}
.brand-lockup{align-items:center;gap:10px}
.brand-lockup h1{margin:0;font-size:22px;line-height:32px;letter-spacing:.01em}
.toolbar{align-items:center;gap:12px;margin-left:auto}
.toolbar nav{display:flex;align-items:stretch;gap:8px}
.toolbar .button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;margin:0}
.runtime-status{display:flex;align-items:center;flex-wrap:wrap;gap:0;margin:12px 0 16px;color:var(--muted);font-size:12px;line-height:1.3}
.runtime-status span{white-space:nowrap}
.runtime-status span+span:before{content:"·";margin:0 8px;color:#526179}
.runtime-status #refresh-note:empty{display:none}
.runtime-status #refresh-note{color:#aab6c8}
@media(max-width:760px){
  .top{align-items:flex-start;gap:12px}
  .brand-lockup{min-height:32px}
  .brand-lockup h1{font-size:20px;line-height:28px}
  .toolbar{width:100%;margin-left:0;justify-content:space-between;flex-wrap:wrap;gap:8px}
  .toolbar nav{gap:6px}
  .toolbar .button{min-height:36px;padding:8px 10px}
  .runtime-status{margin:10px 0 14px;row-gap:4px;line-height:1.45}
}