/* Brand mark: bigger, crisp, round. Loaded last on every page so older per-page sizes lose. */
html body header.site-shell .shell-brand{gap:12px!important}
html body header.site-shell .shell-brand img{width:54px!important;height:54px!important;border-radius:50%!important;background:#fff;box-shadow:0 1px 2px rgba(16,36,60,.18),0 4px 14px rgba(22,88,214,.18)!important;flex:0 0 54px}
html body .footer-logo{gap:14px}
html body .footer-logo img{width:52px!important;height:52px!important;border-radius:50%;background:#fff;flex:0 0 52px}
@media (max-width:900px){
  html body header.site-shell .shell-brand img{width:46px!important;height:46px!important;flex-basis:46px}
}
@media (max-width:420px){
  html body header.site-shell .shell-brand{gap:8px!important}
  html body header.site-shell .shell-brand img{width:42px!important;height:42px!important;flex-basis:42px}
}
@media (max-width:380px){
  html body header.site-shell .shell-brand{gap:6px!important;font-size:14px!important}
  html body header.site-shell .shell-brand img{width:36px!important;height:36px!important;flex-basis:36px}
}
@media (max-width:340px){
  html body header.site-shell .shell-brand{font-size:12.5px!important;letter-spacing:-.3px!important}
  html body header.site-shell .shell-brand img{width:32px!important;height:32px!important;flex-basis:32px}
}
@media (max-width:330px){
  html body header.site-shell .shell-brand span{max-width:104px;overflow:hidden;text-overflow:clip}
  html body header.site-shell .shell-brand{gap:5px!important;font-size:12px!important}
  html body header.site-shell .shell-brand img{width:30px!important;height:30px!important;flex-basis:30px}
}
@media (max-width:330px){
  html body header.site-shell .shell-brand{font-size:11px!important}
  html body header.site-shell .shell-brand img{width:28px!important;height:28px!important;flex-basis:28px}
  html body header.site-shell .shell-brand span{max-width:92px}
}