/* Match the header content to the 1320px page shell, including its inner gutters. */
@media(min-width:1201px){
  html:not(:is([data-theme=terminal],[data-theme=beacon],[data-theme=plum])) .site-header{padding-inline:max(28px,calc((100% - 1320px)/2 + 28px))}
}
@media(min-width:1321px){
  html:is([data-theme=atlas],[data-theme=mint],[data-theme=studio],[data-theme=editorial],[data-theme=aurora]) .site-header nav{min-width:0;column-gap:20px;justify-content:space-between}
  html[data-theme=ember] .site-header nav{min-width:0;flex-wrap:wrap}
}
@media(min-width:701px) and (max-width:1200px){
  html:not(:is([data-theme=terminal],[data-theme=beacon],[data-theme=plum])) .site-header{padding-inline:24px}
}