/* The owner's staggered wordmark is shared by marketing and every portal. */
.ba-signout-form { display:inline-flex; margin:0; padding:0; }
.ba-signout-form>button { padding:10px 16px; border:1px solid #6986ad; background:transparent; color:inherit; font:inherit; cursor:pointer; }
.ba-signout-form>button:hover { background:rgba(96,165,250,.15); }
.ba-signout-form>button:focus-visible { outline:3px solid #60a5fa; outline-offset:3px; }
.builder-brand-lockup,
.ba-logo>.builder-brand-lockup,
.as-brand>.builder-brand-lockup,
.mat-brand>.builder-brand-lockup,
.app-failure>.builder-brand-lockup {
  display:inline-flex; flex-direction:column; align-items:flex-start; gap:8px;
  width:auto; height:auto; min-width:0; max-width:100%; padding:0; margin:0;
  border:0; border-radius:0; background:none; box-shadow:none; line-height:1.3;
}
.builder-wordmark {
  display:block; width:220px; height:auto; max-width:100%; flex:none; object-fit:contain;
}
.builder-brand-lockup>small,
.portal-brand-lockup.builder-brand-lockup>small {
  display:block; margin:0; color:inherit; font:600 12px/1.4 Arial,sans-serif;
  letter-spacing:.1em; text-transform:uppercase;
}
.ba-topbar .builder-brand-lockup>small,
.g1o-top .builder-brand-lockup>small,
.portal-header .builder-brand-lockup>small,
.phx-native-brand.builder-brand-lockup>small { color:#77d6ff; }
.as-brand:has(.builder-brand-lockup) { display:flex; min-width:180px; }
.as-brand .builder-wordmark { width:170px; }
.as-brand .builder-brand-lockup { gap:3px; }
.as-brand .builder-brand-lockup>small { color:#2563eb; font-size:11px; }
.brand>.builder-wordmark { width:260px; }
.footer-brand .builder-wordmark { width:260px; }
.app-failure .builder-wordmark { width:280px; }
@media(max-width:720px) {
  .builder-wordmark { width:180px; }
  .brand>.builder-wordmark,.footer-brand .builder-wordmark { width:210px; }
  .as-brand:has(.builder-brand-lockup) { min-width:0; }
  .as-brand .builder-wordmark { width:140px; }
  .builder-brand-lockup>small { font-size:11px; letter-spacing:.06em; }
}
@media(max-width:400px) { .builder-wordmark { width:150px; } .brand>.builder-wordmark { width:180px; } }