/* Saved CMS dimensions win over compact-header and touch-shell density rules. */
.site-root.site-public>.topbar .header-main .brand,
.site-root.site-dashboard>.topbar>.brand {
  flex:0 1 var(--logo-width,320px);
  width:var(--logo-width,320px);
  max-width:100%;
  min-width:0;
}
.site-root.site-public>.topbar .header-main .brand>:is(.brand-logo,.brand-wordmark),
.site-root.site-dashboard>.topbar>.brand>:is(.brand-logo,.brand-wordmark) {
  display:block;
  width:var(--logo-width,320px)!important;
  height:var(--logo-height,50px)!important;
  max-width:100%!important;
  max-height:none!important;
  object-fit:contain;
  flex-shrink:1;
}
@media(max-width:1100px){
  .site-root.site-public>.topbar .header-main .brand,
  .site-root.site-dashboard>.topbar>.brand{max-width:calc(100% - 54px)}
}
@media(max-width:620px){
  .site-root.site-public>.topbar .header-main .brand,
  .site-root.site-dashboard>.topbar>.brand{
    width:var(--logo-mobile-width,240px);
    flex-basis:var(--logo-mobile-width,240px);
  }
  .site-root.site-public>.topbar .header-main .brand>:is(.brand-logo,.brand-wordmark),
  .site-root.site-dashboard>.topbar>.brand>:is(.brand-logo,.brand-wordmark){
    width:var(--logo-mobile-width,240px)!important;
    height:var(--logo-mobile-height,44px)!important;
  }
}