/* Shared navigation uses the same responsive state on every page. */
.mobile-menu-toggle { display: none; }
.mobile-navigation { display: contents; }
@media (max-width: 760px) {
 body { --header-height: 74px; }
 .header { display: flex; height: var(--header-height); padding: 29px 20px 19px; gap: 0; background: #fff; }
 .header .logo { width: 122px; text-align: center; font-size: 20px; line-height: 26px; letter-spacing: 0; }
 .mobile-menu-toggle { display: flex; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px; height: 44px; padding: 0; margin: -12px -11px -12px 0; border: 0; background: transparent; cursor: pointer; }
 .mobile-menu-toggle img { display: block; }
 .mobile-menu-toggle:focus-visible { outline: 2px solid #245ffe; outline-offset: 2px; }
 .mobile-navigation { display: none; position: absolute; top: 100%; left: 0; width: 100%; padding: 14px 25px 24px; background: #fff; border-bottom: 1px solid #d6d6d6; }
 .header.is-menu-open .mobile-navigation { display: flex; flex-direction: column; gap: 30px; }
 .header .mobile-navigation .nav { display: flex; flex-direction: column; align-items: flex-start; gap: 30px; font: 400 15px/20px Geist, sans-serif; }
 .header .mobile-navigation .nav__link { font-weight: 400; color: #8b8b8b; }
 .header .mobile-navigation .language-switcher { align-self: flex-start; justify-content: flex-start; width: auto; font: 400 15px/20px Geist, sans-serif; }
 .mobile-navigation .language-switcher__button { min-height: 20px; }
 .header .mobile-navigation .nav__link--active { color: #000; font-weight: 500; }
}