/* === Wordmark styling to match logo-lockup.svg === */
.brand-name, .nm, .sb-name { display: flex; flex-direction: column; line-height: 1.05; }

/* Default (light background) */
.brand-name, .sb-name, .nm { color: #0B1220; }

/* Wordmark: Golden bold (800), Trust light (300) */
.brand-name strong, .sb-name strong, .nm strong,
.brand strong, .brand .word strong {
  font-weight: 800 !important;
  letter-spacing: -.03em !important;
  color: inherit;
}
.brand-name strong .lt, .sb-name strong .lt, .nm strong .lt,
.brand strong .lt, .brand .word strong .lt {
  font-weight: 300 !important;
  letter-spacing: -.005em !important;
}

/* Tagline: uppercase, light periwinkle, letterspaced, with a subtle hairline above */
.brand-name small, .sb-name small, .nm small, .brand small, .brand .word small {
  display: block !important;
  color: #5B6FD6 !important;
  font-weight: 700 !important;
  letter-spacing: .22em !important;
  text-transform: uppercase !important;
  margin-top: 3px !important;
  padding-top: 6px !important;
  position: relative;
  font-size: 9.5px;
}
.brand-name small::before, .sb-name small::before, .nm small::before,
.brand small::before, .brand .word small::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: currentColor;
  opacity: .22;
}

/* Dark contexts: sidebar, admin side, footer */
.sidebar .sb-name, .sidebar .sb-name strong,
.side .nm, .side .nm strong,
.foot .brand, .foot .brand strong,
.footer-brand .brand, .footer-brand .brand strong {
  color: #FFFFFF !important;
}
.sidebar .sb-name small, .side .nm small,
.foot .brand small, .footer-brand .brand small {
  color: #8FA3FF !important;
}