/* Shared, outlined variant B. The light version is used on navy backgrounds. */
.wordmark,.brand{display:inline-flex;align-items:center;width:330px;max-width:100%;line-height:1;flex-shrink:0}
.brand-logo{display:block;width:100%;height:auto;object-fit:contain}
.brand-logo--light{display:none}
.header .wordmark{flex:0 1 330px;min-width:0}
.menu-toggle{flex-shrink:0}
.sidebar .brand{width:208px;max-width:100%}
.auth-aside .brand{width:330px;max-width:100%}
.auth-aside .brand-logo--dark{display:none}
.auth-aside .brand-logo--light{display:block}
.auth-mobile-brand{max-width:100%}
.auth-mobile-brand .brand{width:300px}
.site-header .brand{width:300px;min-width:0;flex-shrink:1}
@media(max-width:480px){.header .wordmark{max-width:calc(100% - 75px)}.footer-main .wordmark{width:300px}.site-header{gap:20px;flex-wrap:wrap}.site-header .brand{flex-basis:100%}}