/* NAGARA v12 — fixed header alignment + future search control.
   Visual only: no search logic is attached yet. */
.nav_layout.u-grid-column-3{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  grid-template-rows:auto!important;
  align-items:center!important;
  justify-items:stretch!important;
}
.nav_cta-button{
  justify-self:start!important;
  align-self:center!important;
  display:flex;
  align-items:center;
}
.nav_brand{
  justify-self:center!important;
  align-self:center!important;
  display:block;
  line-height:0;
}
.nav_search_button{
  -webkit-appearance:none;
  appearance:none;
  justify-self:end!important;
  align-self:center!important;
  width:2.75rem;
  height:2.75rem;
  aspect-ratio:1;
  padding:0;
  margin:0;
  display:grid;
  place-items:center;
  border:1px solid currentColor;
  border-radius:50%;
  background:transparent;
  color:inherit;
  line-height:0;
  cursor:pointer;
  transition:transform .35s cubic-bezier(.22,1,.36,1),background-color .3s ease,color .3s ease;
}
.nav_search_button svg{
  display:block;
  width:54%;
  height:54%;
  overflow:visible;
}
.nav_search_button:hover{transform:scale(1.06)}
.nav_search_button:focus-visible{outline:1px solid currentColor;outline-offset:4px}

/* The whole nav already uses difference blending in the hybrid theme,
   so currentColor keeps the search control readable on both light/dark sections. */
.nav .nav_search_button{color:inherit!important;border-color:currentColor!important}

@media(max-width:767px){
  .nav_search_button{width:2.25rem;height:2.25rem}
}
@media(max-width:479px){
  .nav_search_button{width:2.05rem;height:2.05rem}
}