/* Scoped to newly localized pages; the English layout is not restyled. */
html[data-krs-localized] .nav { flex-wrap: wrap; gap: 16px 24px; padding-top: 14px; padding-bottom: 14px; }
html[data-krs-localized] .brand { flex-shrink: 0; }
html[data-krs-localized] .brand .tag { max-width: 210px; line-height: 1.5; }
html[data-krs-localized] .nav-links { flex: 1; justify-content: flex-end; flex-wrap: wrap; gap: 14px 20px; }
html[data-krs-localized] .nav-links > a { white-space: nowrap; }
html[data-krs-localized] .nav-right { width: 100%; justify-content: flex-end; }
html[data-krs-localized] .lang-switch { gap: 6px; }
html[data-krs-localized] .lang-btn { text-decoration: none; white-space: nowrap; }
html[data-krs-localized] .section-sub { max-width: 900px; }
html[data-krs-localized] .spec-table th { text-align: start; padding: 12px; vertical-align: top; }
html[data-krs-localized] #site-footer nav { display: flex; flex-wrap: wrap; gap: 14px 22px; }
@media (max-width: 900px) {
  html[data-krs-localized] .nav { flex-wrap: nowrap; }
  html[data-krs-localized] .brand { flex: 1; min-width: 0; }
  html[data-krs-localized] .brand .tag { max-width: 180px; }
  html[data-krs-localized] .nav-right { width: auto; }
  html[data-krs-localized] .nav-right > .lang-switch { display: none; }
  html[data-krs-localized] .nav-links.open { align-items: stretch; }
  html[data-krs-localized] .nav-links.open .mobile-languages { display: flex; flex-wrap: wrap; gap: 8px; }
  html[data-krs-localized] .nav-links.open .mobile-languages a { padding: 7px 10px; }
}
