/* Main-site brand font, code mark and pale accent; scoped to the home link. */
.ub-vivid .siteNav .navLogo { display: inline-flex; align-items: center; gap: 9px; min-height: 32px; flex: 0 0 auto; }
.ub-vivid .siteNav .navLogo .brand__mark {
  width: 26px; height: 26px; flex: 0 0 26px;
  border: 1px solid #1b2840; border-radius: 7px; background: #060a12;
}
.ub-vivid .siteNav .navLogo .navWordmark {
  display: inline-flex; align-items: center;
  font-family: 'Chakra Petch', 'Segoe UI', system-ui, sans-serif;
  font-size: 14px; font-weight: 600; line-height: 1.3;
  letter-spacing: 0; text-transform: uppercase; color: #b9c6d8; white-space: nowrap;
}
.ub-vivid .siteNav .navLogo .navWordmarkAccent { color: #f7faff; text-shadow: 0 0 16px #d6eaff80; }
.ub-vivid .siteNav .navLogo:focus-visible { outline: 2px solid #b9d8e8; outline-offset: 5px; border-radius: 4px; }