/* Keep the mobile header controls in their own columns. */
@media (max-width:769px) {
 html body > header.tr-menu-header > .container {
  display:grid !important;
  grid-template-columns:32px minmax(0,1fr) 40px 40px !important;
  align-items:center !important;
  justify-content:normal !important;
  gap:8px !important;
  box-sizing:border-box !important;
  width:100% !important;
  max-width:100% !important;
  min-height:64px !important;
  margin:0 !important;
  padding:0 12px !important;
 }
 html body > header.tr-menu-header #tr-menu-toggle {grid-column:1; grid-row:1;}
 html body > header.tr-menu-header > .container > .logo {
  grid-column:2; grid-row:1;
  width:100% !important; min-width:0 !important; max-width:100% !important;
  margin:0 !important; padding:0 !important;
  left:auto !important; right:auto !important;
  gap:6px !important;
 }
 html body > header.tr-menu-header > .container > .logo .logo-mark {
  width:24px !important; height:24px !important; min-width:24px !important;
  flex:0 0 24px !important; font-size:13px !important;
 }
 html body > header.tr-menu-header > .container > .logo .logo-main {
  min-width:0 !important; max-width:100% !important;
  font-size:clamp(19px,5.6vw,25px) !important;
  letter-spacing:-.4px !important;
 }
 html body > header.tr-menu-header > .container > .search-component,
 html body > header.tr-menu-header > .container > .header-profile {
  grid-row:1;
  position:relative !important;
  left:auto !important; right:auto !important; top:auto !important; bottom:auto !important;
  transform:none !important; translate:none !important;
  width:40px !important; min-width:40px !important; max-width:40px !important;
  margin:0 !important; padding:0 !important;
 }
 html body > header.tr-menu-header > .container > .search-component {grid-column:3;}
 html body > header.tr-menu-header > .container > .header-profile {grid-column:4;}
 html body > header.tr-menu-header .search-component form,
 html body > header.tr-menu-header .search-component button {
  width:40px !important; min-width:40px !important; height:40px !important;
 }
}
@media (max-width:359px) {
 html body > header.tr-menu-header > .container {
  gap:6px !important;
  padding-left:8px !important;
  padding-right:8px !important;
 }
}