/* Site-wide accessibility rules shared by every page. Linked at the very end of (after each page's inline critical CSS) so these rules win the cascade over page-level styles such as the language-switcher colour. */ /* Respect the user's reduced-motion preference. */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } /* Render the hamburger as a real, keyboard-operable button. */ button.mobile-menu-toggle { -webkit-appearance: none; appearance: none; background: transparent; border: 0; padding: 0; min-width: 44px; min-height: 44px; } .mobile-menu-toggle:focus-visible { outline: 3px solid #0b5fff; outline-offset: 4px; border-radius: 4px; } /* Lift language-switcher / hero-logo label contrast above 4.5:1 on the white navbar. */ .nav-lang, .nav-lang a, a.nav-lang, .logos-section p { color: #475569; }