site-nav { --nav-shell-width: 76rem; }
site-nav.nav-shell-home { --nav-shell-width: 1400px; }
site-nav.nav-shell-xl { --nav-shell-width: 76rem; }
site-nav.nav-shell-lg { --nav-shell-width: 60rem; }
site-nav.nav-shell-md { --nav-shell-width: 46rem; }
.site-navigation {
  position: relative;
  width: 100%;
  max-width: var(--nav-shell-width);
  margin-inline: auto;
  padding: .5rem 2rem !important;
}
.site-navigation .site-brand { flex-shrink: 0; }
.site-navigation #mobile-menu-button { padding-inline: 0 !important; justify-content: flex-end; }
.site-navigation [data-theme-toggle] { min-width: 44px; }
.enhanced #mobile-menu { padding-inline: 2rem; }
@media (min-width: 768px) { .site-navigation { padding-inline: 4rem !important; } }
@media (min-width: 1024px) { .site-navigation { padding-inline: 6rem !important; } }