.app-brand-icon{display:block;flex:none;object-fit:cover;border-radius:24%;background:#082b1f}
.brand .app-brand-icon{width:28px;height:28px}
.topbar .brand>span,.assistant-header>div:first-child>strong{font-family:var(--serif);font-size:24px;font-weight:400;line-height:1.1;white-space:nowrap}
.wizard-brand>.app-brand-icon{width:38px;height:38px;border-radius:12px}
.auth-brand .app-brand-icon,.auth-mobile-brand .app-brand-icon{width:29px;height:29px;border-radius:9px}
.account-bar strong .app-brand-icon{width:33px;height:33px;border-radius:10px}
.connection-brand .app-brand-icon,.restore-brand .app-brand-icon{width:30px;height:30px;border-radius:9px}
.flow-brand .app-brand-icon{width:38px;height:38px;border-radius:11px}

/* Give the writing-room logo more presence within the existing header. */
.topbar .brand .app-brand-icon{width:38px;height:38px}
.topbar .brand>span{font-family:var(--serif);font-size:30px;font-weight:400;line-height:1.1;white-space:nowrap}
@media(max-width:760px){
  .topbar .brand{width:52px;padding-inline:10px}
  .topbar .brand .app-brand-icon{width:32px;height:32px}
}