/* Homepage language controls; the incumbent homepage stylesheet is unchanged. */
.nav-inner { position: relative; }
.nav-inner .nav-links { align-items: center; }
.harbor-language-switch { display: inline-flex; flex-shrink: 0; align-items: center; gap: 4px; white-space: nowrap; }
.harbor-language-switch a { display: inline-flex; align-items: center; justify-content: center; min-width: 32px; min-height: 44px; padding: 0; color: var(--ink); text-decoration: none; font-size: 15px; }
.harbor-language-switch a[aria-current="page"] { font-weight: 700; text-decoration: underline; text-underline-offset: 5px; }
.harbor-language-switch a:hover { color: var(--ocean); }
.harbor-language-short { display: none; }
@media (max-width: 1120px) {
  .nav-inner .nav-links { display: none; }
  .nav-inner .harbor-mobile-menu { display: block; position: static; }
  .harbor-mobile-menu > div { top: calc(100% - 8px); right: 22px; max-width: calc(100% - 44px); }
}
@media (max-width: 540px) {
  .nav-inner .nav-cta { display: none; }
  html[lang="ru"] .cmp-card { padding: 24px; }
}
@media (max-width: 700px) {
  .harbor-language-short { display: inline; }
  .harbor-language-full { display: none; }
}
@media (max-width: 360px) {
  .nav-inner { gap: 8px; padding-inline: 16px; }
  .harbor-mobile-menu summary span { margin-right: 2px; }
}
/* Let translated navigation and footer labels wrap within their existing layout. */
html[lang="ru"] .nav-inner { height: auto; min-height: 76px; padding-block: 12px; }
html[lang="ru"] .foot-cols { flex-wrap: wrap; }
html[lang="ru"] .hero h1 { max-width: 22ch; }
html[lang="ru"] .hero-sub p + p { margin-top: 12px; }
html[lang="ru"] .cmp-card { min-width: 0; overflow-wrap: anywhere; }
html[lang="ru"] .svc-icon { color: var(--ocean); }
.harbor-russia-note { grid-column: 1 / -1; max-width: 65ch; }
.harbor-russia-note a { color: var(--white); text-underline-offset: 3px; }
.harbor-register-link { display: inline-block; margin-top: 12px; color: var(--ocean); }
.harbor-service-limits { max-width: 80ch; }
.harbor-service-limits ul { padding-inline-start: 20px; margin-top: 8px; }
html[lang="ru"] :is(#ceny, #company-contact) { scroll-margin-top: 76px; }
html[lang="ru"] .cta .harbor-sibling-link { margin-top: 28px; font-size: 1rem; }
html[lang="ru"] .harbor-sibling-link a { color: var(--ocean); text-underline-offset: 3px; }
