/* 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.17 — 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;
  }
}

/* v1.6.17 — preserve the drawer close control on phones.
   This must override the normal mobile button positioning above. */
@media screen and (max-width:760px) {
  html body.menu-open header.site-header button.menu-toggle {
    position:fixed!important;
    top:18px!important;
    right:18px!important;
    left:auto!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    background:#f5f1e8!important;
    border:1px solid rgba(24,53,47,.26)!important;
    z-index:10003!important;
  }
  html body.admin-bar.menu-open header.site-header button.menu-toggle { top:64px!important; }
  html body header.site-header > nav.site-nav.is-open {
    display:block!important;
    position:fixed!important;
    inset:0!important;
    visibility:visible!important;
    pointer-events:auto!important;
    z-index:10000!important;
  }
  html body header.site-header > nav.site-nav.is-open .menu-drawer {
    transform:translateX(0)!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
}