/* V6.3.1: align the narrow-layout header with the page content. */
@media (max-width: 980px) {
  .site-header {
    width: calc(100% - 32px) !important;
    max-width: var(--max) !important;
    margin-inline: auto !important;
  }
}

@media (max-width: 640px) {
  .site-header {
    width: calc(100% - 24px) !important;
  }
}