/* Mobile header account shortcut; normal links retain the existing server login checks. */
#wymk-header-account{display:none}
html.mobile-header-active body header.wymk-account-header .mobile-bar{display:flex!important;align-items:center!important;padding-left:12px!important;padding-right:8px!important}
html.mobile-header-active body header.wymk-account-header .mobile-logo-wrapper{flex:1 1 auto!important;min-width:0!important;width:auto!important;max-width:calc(100% - 180px)!important}
html.mobile-header-active body header.wymk-account-header .mobile-bar-group{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:0!important;width:auto!important;margin-left:4px!important;margin-right:0!important}
html.mobile-header-active body header.wymk-account-header .mobile-bar-group>#wymk-header-account{display:flex!important;align-items:center;justify-content:center;flex:0 0 44px;order:30!important;width:44px;height:44px!important;max-height:44px!important;min-width:44px;min-height:44px!important;padding:0!important;margin:0!important;color:#20242a!important;background:transparent;border:0!important;border-radius:8px;text-decoration:none!important;position:relative;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
#wymk-header-account:before,#wymk-header-account:after{display:none!important;content:none!important}
#wymk-header-account svg{display:block!important;flex:none;overflow:visible;width:25px!important;height:25px!important;fill:none;stroke:currentColor;pointer-events:none}
#wymk-header-account:focus-visible{outline:2px solid #4265bb!important;outline-offset:1px}
#wymk-header-account:active{background:rgba(36,75,185,.06)}
@media(max-width:767px){
 html.mobile-header-active body header.wymk-account-header .wymk-mobile-brand-b78{left:12px!important;max-width:calc(100% - 212px)!important}
 html.mobile-header-active body header.wymk-account-header .mobile-logo-wrapper:has(.wymk-mobile-logo-live)>#logo{display:none!important}
 html.mobile-header-active body header.wymk-account-header .mobile-logo-wrapper .wymk-mobile-logo-live{max-width:100%!important;max-height:44px!important;padding:0!important;justify-content:flex-start!important}
 html.mobile-header-active body header.wymk-account-header .mobile-logo-wrapper .wymk-mobile-logo-live img{max-width:100%!important;object-fit:contain!important}
}

/* WeChat's larger logo must shrink with the fourth navigation control. */
@media(max-width:767px){
 html.wymk-mini-brand.mobile-header-active body header.wymk-account-header .mobile-bar .mobile-logo-wrapper{min-width:0!important;max-width:calc(100% - 180px)!important}
 html.wymk-mini-brand.mobile-header-active body header.wymk-account-header .mobile-bar .mobile-logo-wrapper .wymk-mobile-logo-live{flex:0 1 112px!important;width:112px!important;min-width:0!important;max-width:100%!important}
 html.wymk-mini-brand.mobile-header-active body header.wymk-account-header .mobile-bar .mobile-logo-wrapper .wymk-mobile-logo-live img{width:112px!important;min-width:0!important;max-width:100%!important;height:auto!important;max-height:38px!important}
}

/* Preserve the ordinary website blue while overriding legacy white mobile links. */
html.wymk-website-logo-20261006.mobile-header-active body header.wymk-account-header .mobile-bar-group>#wymk-header-account{color:#153fbb!important}
