/* Native A/C selectors follow the shared landing navbar, without React hydration. */
[data-native-language] { display: inline-flex; margin: 0; align-items: center; }
[data-native-language] select { width: 86px; min-height: 36px; padding: 5px 3px 5px 8px; font: 500 12px var(--brand-font, "DM Sans", sans-serif); color: #edf5ff; background: #101e4280; border: 1px solid #ffffff55; border-radius: 5px; text-overflow: ellipsis; }
[data-native-language] select option { color: #edf5ff; background: #132138; }
[data-native-language] select:focus-visible { outline: 2px solid #bcf9d8; outline-offset: 3px; }
.site-header nav { display: flex; align-items: center; gap: 14px; }
.native-language-notice { position: relative; z-index: 30; margin: 0; padding: 9px 20px; color: #edf5ff; background: #132138; font: 12px/1.5 var(--brand-font, "DM Sans", sans-serif); text-align: center; }
html[data-lp-code="a"] .native-language-notice { position: absolute; top: 78px; left: 12px; right: 12px; border-radius: 8px; }
@media (max-width: 600px) { .site-header nav { gap: 8px; } .site-header .brand img { max-width: 130px; height: auto; } }
.site-header .login { display: inline-flex; align-items: center; white-space: nowrap; font-size: 13px; font-weight: 600; border: 1px solid #101e4266; border-radius: 40px; padding: 10px 14px; text-decoration: none; }
@media (max-width: 600px) { .site-header .login { padding: 9px 10px; font-size: 12px; } }

/* Keep both navbar control boundaries aligned across native A/C breakpoints. */
.header .nav-cta, .site-header .login { box-sizing: border-box; height: 44px; line-height: 20px; padding-top: 0; padding-bottom: 0; }
