.brand{gap:8px;font-size:22px;letter-spacing:-1px}
.brand-app-icon{display:block;width:36px;height:36px;flex:0 0 36px;object-fit:contain;border-radius:9px}
.brand-wordmark{display:inline-block;white-space:nowrap;line-height:1.1}
.brand-wordmark .brand-period{margin-left:0;color:var(--accent-ink)}
.mobile-brand{display:none}
@media(max-width:700px){
  .topbar .top-title{display:none}
  .mobile-brand{display:inline-flex;align-items:center;gap:7px;margin-right:auto;color:var(--ink);font-size:14px;font-weight:750;letter-spacing:-.55px;white-space:nowrap;min-width:0}
  .mobile-brand img{display:block;width:27px;height:27px;flex:0 0 27px;object-fit:contain;border-radius:7px}
  .topbar{gap:10px}
}
@media(max-width:360px){.mobile-brand{gap:5px;font-size:12px}.mobile-brand img{width:25px;height:25px;flex-basis:25px}.topbar{padding-left:12px;padding-right:12px;gap:8px}.top-tools{gap:7px}}