/* Shared seven-item primary navigation; scoped away from page content. */
.navigation .home-navigation-link:focus-visible { outline: 2px solid #3278b5; outline-offset: 2px; }
.navigation .home-navigation-link[aria-current="page"] { color: #184e7a; font-weight: 700; }
@media (min-width: 1200px) {
  html[lang] .navigation-wrap { position: static; display: flex; align-items: center; gap: 20px; }
  html[lang] .navigation .logo-link { width: auto; max-width: none; flex: 0 0 auto; }
  html[lang] .navigation .menu { position: static; inset: auto; display: flex; justify-content: center; align-items: center; flex: 1 1 auto; width: auto; min-width: 0; margin: 0; pointer-events: auto; }
  html[lang] .navigation .navigation-items.w-nav-menu { display: flex !important; flex-wrap: nowrap; justify-content: center; align-items: center; gap: clamp(4px, calc(5vw - 56px), 16px); float: none; width: auto; }
  html[lang] .navigation .navigation-item.w-nav-link { padding: 12px 8px; margin: 0; white-space: nowrap; font-size: 13px; letter-spacing: .04em; }
  html[lang] .navigation .navigation-items > .dropdown { flex: 0 0 auto; }
  html[lang] .navigation .navigation-items > .dropdown > .w-dropdown-toggle { padding: 12px 24px 12px 8px; }
  html[lang] .navigation .w-dropdown-toggle > .w-icon-dropdown-toggle { position: absolute; inset: 0 7px 0 auto; margin: auto; width: 12px; height: 12px; }
  html[lang] .navigation .w-dropdown-toggle > .nav-dropdown-item { font-size: 13px; letter-spacing: .02em; padding: 0; margin: 0; white-space: nowrap; }
  html[lang] .navigation .menu-button.w-nav-button { display: none !important; }
  html[lang] .navigation .header-actions { margin: 0; flex-shrink: 0; }
  /* Reserve a submenu row inside the header instead of overlaying the page.
     The legacy Webflow menu used an absolute 130px top margin. */
  html[lang] .navigation:has(.dropdown-list-4.w--open) { padding-bottom: 56px; }
  html[lang] .navigation .dropdown-list-4.w-dropdown-list { inset: auto 0 0; margin: 0; width: 100%; height: 56px; padding: 6px 24px; background: #f6f8fa; border-top: 1px solid #e8edf2; box-sizing: border-box; }
  html[lang] .navigation .dropdown-list-4.w-dropdown-list.w--open { display: flex; align-items: center; justify-content: center; gap: 16px; }
  html[lang] .navigation .dropdown-list-4 > .w-dropdown-link { display: flex; align-items: center; justify-content: center; flex: 0 1 auto; width: auto; min-height: 44px; margin: 0; padding: 10px 20px; line-height: 1.4; white-space: normal; text-align: center; }
}
@media (max-width: 1199px) {
  html[lang] .navigation { padding: 12px 16px; }
  html[lang] .navigation-wrap { position: static; display: flex; align-items: center; width: 100%; min-height: 64px; padding: 0; gap: 12px; }
  html[lang] .navigation .menu { position: static; width: auto; margin: 0 0 0 auto; flex: 0 0 auto; }
  html[lang] .navigation .menu-button.w-nav-button { display: grid !important; place-items: center; width: 44px; height: 44px; padding: 0; background: #f3f6f8; border-radius: 8px; }
  html[lang] .navigation .navigation-items.w-nav-menu { display: none; width: 100%; max-height: calc(100dvh - 88px); padding: 72px 16px 20px; overflow-y: auto; background: #fff; box-shadow: 0 16px 30px #192a3a24; }
  html[lang] .navigation .navigation-items[data-nav-menu-open] { display: block !important; }
  html[lang] .navigation .navigation-item.w-nav-link { display: flex; align-items: center; min-height: 44px; padding: 12px 8px; margin: 0; font-size: 14px; }
  html[lang] .navigation .dropdown.w-dropdown { display: block; width: 100%; }
  html[lang] .navigation .w-dropdown-toggle { display: flex; align-items: center; min-height: 44px; padding: 12px 38px 12px 8px; }
  html[lang] .navigation .w-dropdown-toggle > .nav-dropdown-item { padding: 0; margin: 0; font-size: 14px; }
  html[lang] .navigation .w-dropdown-toggle > .w-icon-dropdown-toggle { margin: auto 12px auto 0; }
  html[lang] .navigation .dropdown-list-4.w-dropdown-list { display: none; position: static; inset: auto; margin: 0; width: 100%; background: #f6f8fa; }
  html[lang] .navigation .dropdown-list-4 > .w-dropdown-link { display: block; width: auto; margin: 0; padding: 12px 16px; min-height: 44px; line-height: 1.45; white-space: normal; }
  html[lang] .navigation .dropdown-list-4.w-dropdown-list.w--open { display: block; }
  html[lang] .navigation .header-actions { display: none; position: absolute; top: calc(100% + 12px); right: 16px; margin: 0; }
  html[lang] .navigation:has(.menu-button.w--open) .header-actions { display: flex; }
  html[lang] .navigation .header-actions .site-language-switcher { width: 80px; min-width: 80px; height: 44px; min-height: 44px; padding: 3px; }
}