/* Shared navigation and footer language control for every page. */
body { --site-nav-height: 76px; }
.navbar.site-navbar {
  min-height: var(--site-nav-height);
  padding: 14px max(24px, calc((100% - 1000px) / 2));
  background: #111315;
  border-bottom: 1px solid #30343b;
  box-shadow: none;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  font-size: 14px;
  line-height: 1.5;
}
.site-navbar #navbar-logo { width: 170px; max-width: none; height: auto; }
.site-navbar .navbar-nav { margin-left: auto; margin-right: 0; }
.site-navbar .nav-item > .nav-link {
  color: #a9afa7 !important;
  padding: 12px;
  font-size: 14px;
  font-weight: 500;
}
.site-navbar .nav-item > .nav-link:hover,
.site-navbar .nav-item > .nav-link.active { color: #f19a70 !important; }
.site-navbar .navbar-toggler { border-color: #30343b; }
.site-navbar .navbar-toggler-icon { filter: none; }
.site-navbar :is(a, button):focus-visible { outline: 2px solid #f19a70; outline-offset: 4px; }
body #page-content, body .color-picker { margin-top: var(--site-nav-height); }
body > .bg-cream { padding-top: var(--site-nav-height); }
.footer-language-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  min-height: 44px;
  padding: 6px 0;
  border: 0;
  background: transparent;
  color: #a9afa7;
  font: inherit;
  line-height: 1.5;
  text-align: left;
  cursor: pointer;
}
.footer-language-button:hover { color: #f19a70; }
.footer-language-button:focus-visible { outline: 2px solid #f19a70; outline-offset: 4px; border-radius: 4px; }
.footer-language-button .iconfont { flex: none; font-size: 14px; }
.footer-language-button > span:nth-child(2) { overflow-wrap: anywhere; }
@media (max-width: 1100px) {
  .site-navbar .nav-item > .nav-link { padding-inline: 10px; }
}
@media (max-width: 991px) {
  body { --site-nav-height: 68px; }
  .navbar.site-navbar { padding: 14px 24px; }
}
@media (max-width: 767px) {
  .footer-more > .col-3 { flex: 0 0 50%; max-width: 50%; }
}
@media (prefers-reduced-motion: reduce) { .site-navbar * { transition: none !important; } }