/* Media Spearhead 2026 logo — 25 Sep 2026.
   Every logo slot on the site uses the approved files in /brand/2026/.
   .ms26-std  = light-ground file, .ms26-rev = reversed (dark-ground) file.
   Where a slot follows the site theme it carries both; the theme picks one.
   Clear space and minimum size follow the brand book (lockup >= 140px wide). */

.ms26-logo{display:block;width:auto;max-width:none;flex-shrink:0;object-fit:contain}
.ms26-swap .ms26-rev{display:none!important}
html:not([data-theme="light"]) .ms26-swap .ms26-std{display:none!important}
html:not([data-theme="light"]) .ms26-swap .ms26-rev{display:block!important}

/* Global header: 34px desktop, 28px tablet, 24px phones (matches mobile menu bar) */
.ms-logo-link.ms26-swap{display:flex;align-items:center;padding:0}
.ms-logo-link .ms26-logo{height:34px!important} /* desktop nav logo: ~half the 69px bar, 255px wide (was 44px) */
@media (max-width:921px){.ms-logo-link .ms26-logo{height:28px!important}}
@media (max-width:600px){.ms-logo-link .ms26-logo{height:24px!important}}
@media (max-width:374px){.ms-logo-link .ms26-logo{height:22px!important}}

/* Footer brand bar */
.msf-bb-logo.ms26-swap{display:flex;align-items:center}
.msf-bb-logo .ms26-logo{height:40px!important}
@media (max-width:560px){.msf-bb-logo .ms26-logo{height:32px!important}}

/* Mobile menu header */
.ms-mob-brand .ms26-logo{height:28px!important;margin-bottom:6px}

/* Practice, legal, medical, industries and multi-location page headers.
   Sized to the old logo's footprint so the page navs do not reflow. */
.cln-brand .ms26-logo,.hlt-brand .ms26-logo,.biz-brand .ms26-logo,.aut-brand .ms26-logo,
.hms-brand .ms26-logo,.lgl-brand .ms26-logo,.med-brand .ms26-logo,.iw-brand .ms26-logo,
.dsp-brand .ms26-logo,.gls-brand .ms26-logo{height:26px!important;width:auto!important}
@media (max-width:760px){
  .cln-brand .ms26-logo,.hlt-brand .ms26-logo,.biz-brand .ms26-logo,.aut-brand .ms26-logo,
  .hms-brand .ms26-logo,.lgl-brand .ms26-logo,.med-brand .ms26-logo,.iw-brand .ms26-logo,
  .dsp-brand .ms26-logo,.gls-brand .ms26-logo{height:24px!important}
}
@media (max-width:480px){
  .cln-brand .ms26-logo,.hlt-brand .ms26-logo,.biz-brand .ms26-logo,.aut-brand .ms26-logo,
  .hms-brand .ms26-logo,.lgl-brand .ms26-logo,.med-brand .ms26-logo,.iw-brand .ms26-logo,
  .dsp-brand .ms26-logo,.gls-brand .ms26-logo{height:22px!important}
  .cln-brand .sep,.hlt-brand .sep,.biz-brand .sep,.aut-brand .sep,.hms-brand .sep,.lgl-brand .sep,.med-brand .sep,.iw-brand .sep,.dsp-brand .sep,.gls-brand .sep,
  .cln-brand .tag,.hlt-brand .tag,.biz-brand .tag,.aut-brand .tag,.hms-brand .tag,.lgl-brand .tag,.med-brand .tag,.iw-brand .tag,.dsp-brand .tag,.gls-brand .tag{display:none!important}
}

/* Multi-location nav is the tightest: drop the division tag until wide screens. */
@media (max-width:1440px){.dsp-brand .sep,.dsp-brand .tag{display:none!important}}
/* Legal and medical navs carry the most links: drop the page tag on small laptops. */
@media (min-width:1081px) and (max-width:1240px){.lgl-brand .sep,.lgl-brand .tag,.med-brand .sep,.med-brand .tag{display:none!important}}
/* Industries hub: its nav also reserves room for the MENU pill below 1080px. */
@media (max-width:1080px){.iw-brand .sep,.iw-brand .tag{display:none!important}}