/* v1.6.15: isolate mobile logo in its own intrinsic-height row.
   Loaded AFTER the consolidated bundle and all component styles. */
@media screen and (max-width:760px) {
  html body header.site-header {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:start!important;
    align-content:start!important;
    row-gap:20px!important;
    column-gap:0!important;
    padding:12px 14px 16px!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
  html body header.site-header > a.brand {
    display:block!important;
    grid-column:1!important;
    grid-row:1!important;
    position:static!important;
    float:none!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  html body header.site-header > a.brand > picture.brand-picture {
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    aspect-ratio:1960 / 643!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  html body header.site-header > a.brand > picture.brand-picture > img.brand-lockup {
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    aspect-ratio:1960 / 643!important;
    object-fit:contain!important;
    object-position:center!important;
    margin:0!important;
    padding:0!important;
    position:static!important;
    transform:none!important;
  }
  html body header.site-header > .header-actions {
    grid-column:1!important;
    grid-row:2!important;
    position:relative!important;
    z-index:1!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }
}

/* v1.6.16 — mobile hamburger must sit above the linked logo and search form. */
@media screen and (max-width:760px) {
  html body header.site-header > a.brand { position:relative!important; z-index:1!important; }
  html body header.site-header > .header-actions { position:relative!important; z-index:50!important; isolation:isolate!important; }
  html body header.site-header .mobile-site-search { position:relative!important; z-index:1!important; }
  html body header.site-header button.menu-toggle {
    position:relative!important;
    z-index:60!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }
}