/* The MR face is shared across the site, account screens, and product shell. */
:is(.brand,.brand-live,.logo):has(.mr-brand-mark) { display: inline-flex; align-items: center; gap: 10px; width: auto; text-decoration: none; color: inherit; font-weight: 650; letter-spacing: -.045em; font-size: 25px; }
:is(.brand,.brand-live,.logo) .mr-brand-mark { width: 40px !important; height: 40px !important; max-width: none; object-fit: contain; flex: 0 0 40px; filter: none !important; }
.mr-wordmark { width: 220px; max-width: 100%; height: auto; filter: none !important; }
@media(max-width:650px) {
  :is(.brand,.brand-live,.logo):has(.mr-brand-mark) { font-size: 23px; gap: 7px; }
  :is(.brand,.brand-live,.logo) .mr-brand-mark { width: 34px !important; height: 34px !important; flex-basis: 34px; }
}

.frontpage .assistant-icon { background: transparent; }
.assistant-icon img { width: 36px; height: 36px; object-fit: contain; }

.dashboard-loading .loading-brand { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 24px; }
.dashboard-loading .loading-brand img { width: 48px; height: 48px; margin: 0; filter: none !important; }
.loading-brand strong { color: var(--ink); font-size: 27px; letter-spacing: -.045em; }