/* Space for the fourth language without changing the existing shared assets. */
@media(max-width:360px){
 body:has(.us-languages [data-us-language=fr]) .us-header-inner{padding-inline:9px;gap:6px}
 body:has(.us-languages [data-us-language=fr]) .us-header .us-logo-city{width:26px;height:31px}
 body:has(.us-languages [data-us-language=fr]) .us-header .us-wordmark>span{font-size:21px;letter-spacing:-1.3px}
 body:has(.us-languages [data-us-language=fr]) .us-header .us-wordmark small{font-size:5px;letter-spacing:1.2px}
 body:has(.us-languages [data-us-language=fr]) .us-header-actions{gap:7px}
}

/* Four concise language controls remain usable on narrow phone screens. */
.us-languages>a[data-us-language=fr]{border-radius:0 6px 6px 0}
.us-languages>a[data-us-language=ru]{border-radius:0}
@media(max-width:480px){body:has(.us-languages [data-us-language=fr]) .us-languages>a{padding-inline:5px;font-size:12px}body:has(.us-languages [data-us-language=fr]) .us-header-actions{gap:5px}}
@media(max-width:360px){body:has(.us-languages [data-us-language=fr]) .us-header .us-logo-city{display:none}body:has(.us-languages [data-us-language=fr]) .us-header .us-wordmark small{display:none}body:has(.us-languages [data-us-language=fr]) .us-header .us-wordmark>span{font-size:20px;letter-spacing:-1.2px}body:has(.us-languages [data-us-language=fr]) .us-languages>a{padding-inline:4px}}

@media(min-width:361px) and (max-width:480px){body:has(.us-languages [data-us-language=fr]) .us-header-inner{padding-inline:10px;gap:7px}body:has(.us-languages [data-us-language=fr]) .us-header .us-logo-city{display:none}body:has(.us-languages [data-us-language=fr]) .us-header .us-wordmark small{display:none}body:has(.us-languages [data-us-language=fr]) .us-header .us-wordmark>span{font-size:22px;letter-spacing:-1.3px}body:has(.us-languages [data-us-language=fr]) .us-languages>a{padding-inline:5px}}