.language-switch {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  padding: 0.16rem;
  border: 1px solid rgba(0, 194, 173, 0.45);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: #a9cdd1;
  font-size: 0.76rem;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

.language-switch a,
.language-switch span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.05rem;
  min-height: 1.55rem;
  padding: 0.2rem 0.45rem;
  border-radius: 999px;
  color: inherit;
  text-decoration: none;
}

.language-switch .is-active {
  background: var(--accent, #00c2ad);
  color: var(--dark, #1a373d);
}

.language-switch a:hover {
  color: var(--accent, #00c2ad);
  text-decoration: none;
}

.language-switch a.is-active:hover {
  color: var(--dark, #1a373d);
}

.nav-links .language-switch,
.header-inner .language-switch,
.nav-inner .language-switch {
  flex-shrink: 0;
}

/* Unified top navigation: match index.html across all pages */
body {
  padding-top: 0 !important;
}

body > nav:not(.section-nav),
nav.site-nav {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: 1000;
  background: var(--dark, #1a373d);
  border-bottom: 3px solid var(--accent, #00c2ad);
  padding: 0 !important;
}

body > nav:not(.section-nav) > .nav-inner,
nav.site-nav > .nav-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 0.5rem !important;
  height: auto !important;
  min-height: 68px !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 0.85rem 1.5rem !important;
}

body > nav:not(.section-nav) .nav-brand,
nav.site-nav .nav-brand,
body > nav:not(.section-nav) .nav-home {
  font-weight: 700;
  font-size: 0.97rem;
  letter-spacing: 0.03em;
}

body > nav:not(.section-nav) .nav-links,
nav.site-nav .nav-links {
  display: flex;
  align-items: center;
  gap: 1.4rem;
  flex-wrap: wrap;
}

body > nav:not(.section-nav) .nav-links a,
nav.site-nav .nav-links a {
  font-size: 0.86rem;
  font-weight: 500;
}

nav.section-nav,
.section-nav {
  top: 0 !important;
}

@media (min-width: 1280px) {
  section[id],
  .section[id],
  .kb-panel[id] {
    scroll-margin-top: 0 !important;
  }
}

@media (max-width: 1279px) {
  section[id],
  .section[id],
  .kb-panel[id] {
    scroll-margin-top: 72px !important;
  }
}

@media (max-width: 640px) {
  body > nav:not(.section-nav) > .nav-inner,
  nav.site-nav > .nav-inner {
    padding: 0.75rem 1rem !important;
  }

  body > nav:not(.section-nav) .nav-links,
  nav.site-nav .nav-links {
    gap: 0.7rem;
  }

  body > nav:not(.section-nav) .nav-links a,
  nav.site-nav .nav-links a {
    font-size: 0.76rem;
  }

  .language-switch {
    font-size: 0.7rem;
  }

  .language-switch a,
  .language-switch span {
    min-width: 1.85rem;
    min-height: 1.4rem;
    padding: 0.16rem 0.34rem;
  }
}