.apex-language{display:flex;align-items:center;gap:7px;white-space:nowrap;font-family:'DM Sans',Arial,sans-serif;font-size:12px;letter-spacing:.03em;flex-shrink:0}
.apex-language a{padding:7px 3px;color:#aaa}.apex-language a[aria-current=page]{color:#fff;border-bottom:2px solid #e52b42}.apex-language a:hover{color:#e52b42}.apex-language span{color:#666}
header{column-gap:18px}header>.apex-language{margin-left:4px}
html[lang=es-US] h1,html[lang=es-US] h2,html[lang=es-US] h3{overflow-wrap:break-word}html[lang=es-US] .button,html[lang=es-US] .nav-cta{white-space:normal}html[lang=es-US] .auth-hero p{white-space:normal!important}
@media(min-width:1001px){html[lang=es-US] header nav{gap:20px}html[lang=es-US] header .nav-cta{padding-inline:14px}html[lang=es-US] header .nav-cta span{margin-left:10px}}
@media(max-width:1100px) and (min-width:851px){header nav{gap:14px!important}.nav-cta{padding-inline:10px!important}.nav-cta span{margin-left:8px!important}}
@media(max-width:850px){header>.brand{max-width:46%;flex-shrink:1}header>.apex-language{margin-left:0;order:1}.menu-toggle{order:2}header{gap:10px}.apex-language{font-size:12px;gap:4px}}
html[lang=es-US] .sa-community-grid li{overflow-wrap:normal}
/* Translation length must never clip the approved hero actions. */
html[lang=es-US] .hero{height:auto;max-height:none;min-height:650px}
html[lang=es-US] .hero-content{padding-bottom:110px}
html[lang=es-US] .hero-bottom{bottom:22px}