.systems247-header-mark{display:block;width:100%;height:100%}.systems247-header-mark img{width:100%;height:100%;object-fit:contain}.systems247-on-light{display:none}.part-of-unify-badge svg[aria-label="247 Systems"]{width:100%;height:auto;overflow:visible}[data-theme-nav="dark"] .systems247-on-light{display:block}[data-theme-nav="dark"] .systems247-on-dark{display:none}.logo-header:where(.w-variant-09a88e83-65e8-cf54-09af-248bf98c0542) .systems247-on-light{display:block}.logo-header:where(.w-variant-09a88e83-65e8-cf54-09af-248bf98c0542) .systems247-on-dark{display:none}/* Match the original white navigation variant for both symbol and wordmark. */
.n-header[data-wf--n-global-header--variant="white-bg-default"] .systems247-on-light{display:block}
.n-header[data-wf--n-global-header--variant="white-bg-default"] .systems247-on-dark{display:none}
.n-header[data-theme-nav="light"] .systems247-on-light{display:none}
.n-header[data-theme-nav="light"] .systems247-on-dark{display:block}

/* Larger shared header branding, preserving original asset proportions. */
.n-header .n-brand{flex:none}
.n-header .logo-header{width:64px;height:46px}
.n-header .part-of-unify{width:164px;flex:none}
.n-header .part-of-unify-badge{width:164px;height:auto;max-width:none}
.n-header .content-row.content-align-middle{flex-shrink:0;min-width:244px;gap:16px}
@media(max-width:1199px) and (min-width:992px){
.n-header .logo-header{width:54px;height:40px}
.n-header .part-of-unify,.n-header .part-of-unify-badge{width:138px}
.n-header .content-row.content-align-middle{min-width:204px;gap:12px}
.n-header .n-nav-menu-wrapper .w-dropdown-toggle{padding-left:10px;padding-right:10px}
}
@media(max-width:991px){
.n-header .logo-header{width:56px;height:40px}
.n-header .part-of-unify,.n-header .part-of-unify-badge{width:148px}
.n-header .content-row.content-align-middle{min-width:216px;gap:12px}
}

.n-header .content-row.content-align-middle{width:auto;flex:0 0 auto}

/* Keep the enlarged symbol and wordmark closer together. */
.n-header .content-row.content-align-middle{gap:0;min-width:228px}
@media(max-width:1199px) and (min-width:992px){.n-header .content-row.content-align-middle{min-width:192px}}
@media(max-width:991px){.n-header .content-row.content-align-middle{min-width:204px}}