.brand-logo { display: block; width: 76px; height: 32px; flex-shrink: 0; object-fit: contain; }
.wordmark { flex-shrink: 0; }
.login-logo .brand-logo { width: 95px; height: 40px; }
.login-box { width: min(440px, 100%); min-width: 0; }
.login-shell { min-height: 100vh; min-height: 100svh; padding: 20px; }
#site-name .brand-logo { width: 95px; height: 40px; }
#header #branding { min-width: 0; }
@media (max-width: 760px) {
  .wordmark { padding-left: 12px; padding-right: 8px; }
  .wordmark .brand-logo { width: 68px; height: 30px; }
  .login-content { overflow-wrap: anywhere; }
}