/* Keep English as the reference. Localized labels can wrap without clipping. */
html:not([lang="en"]) .public-header-actions > a{min-width:0;white-space:normal;line-height:1.2;text-align:center;overflow-wrap:anywhere;hyphens:auto}
html:not([lang="en"]) .public-header-actions > a > span{min-width:0;max-width:100%;white-space:normal;text-wrap:balance}
html[dir="rtl"] .public-header-brand a{direction:ltr;unicode-bidi:isolate}
html:not([lang="en"]) .home-page h1{text-wrap:balance;overflow-wrap:break-word;hyphens:auto}
html:not([lang="en"]) footer .grid h3,html:not([lang="en"]) footer .grid a{max-width:100%;overflow-wrap:anywhere;hyphens:auto}
@media(max-width:1279px){
 html:not([lang="en"]) .public-header-rail{grid-template-columns:max-content minmax(0,1fr);column-gap:8px}
 html:not([lang="en"]) .public-header-brand,html:not([lang="en"]) .public-header-brand a{width:max-content;min-width:max-content}
 html:not([lang="en"]) .public-header-actions{justify-content:flex-end;min-width:0;gap:6px}
 html:not([lang="en"]) .public-header-actions > button{flex:none}
 html:not([lang="en"]) .public-header-actions > a{height:auto;min-height:36px;padding:7px 10px;flex:0 1 auto}
 html:not([lang="en"]) .home-page .home-hero-copy,
 html:not([lang="en"]) .home-page .home-hero-copy > div,
 html:not([lang="en"]) .home-page .home-hero-badges,
 html:not([lang="en"]) .home-page .home-hero-badges > div{min-width:0;max-width:100%;width:100%}
 html:not([lang="en"]) .home-page .home-hero-headline{width:100%;max-width:100%;text-wrap:balance;overflow-wrap:anywhere}
 html:not([lang="en"]) .home-page .home-hero-headline > span,
 html:not([lang="en"]) .home-page .home-hero-headline .whitespace-nowrap{white-space:normal!important;overflow-wrap:anywhere;hyphens:auto}
 html:not([lang="en"]) .home-page .home-hero-headline .inline-block{display:inline!important}
 html:not([lang="en"]) .home-page .home-hero-badges > div:first-child > a{width:100%;max-width:100%;min-width:0}
 html:not([lang="en"]) .home-page .home-mobile-recovery-animation p,
 html:not([lang="en"]) .home-page .home-mobile-recovery-animation h3{max-width:100%;min-width:0;overflow-wrap:anywhere;hyphens:auto;text-wrap:balance}
}
@media(max-width:639px){
 html:not([lang="en"]) .public-header-nav .header-link{hyphens:auto;overflow-wrap:anywhere;line-height:1.25}
 html:not([lang="en"]) .public-header-nav button:not([data-testid="desktop-tools-menu"]) > svg{display:none}
}
@media(max-width:359px){
 html:not([lang="en"]) .public-header-rail{column-gap:6px}
 html:not([lang="en"]) .public-header-actions{gap:5px}
 html:not([lang="en"]) .public-header-actions > a{padding-inline:7px}
 .home-page .home-hero-copy,.home-page .home-hero-copy > div,.home-page .home-hero-badges,.home-page .home-hero-badges > div{min-width:0;max-width:100%}
 .home-page .home-hero-badges > div:first-child > a{width:100%;max-width:100%;min-width:0}
}

@media(max-width:389px){
 html[lang="en"] .home-page .home-hero-headline{font-size:clamp(25px,8vw,32px)!important}
}

/* Tablets and desktops have room for the complete translated call to action. */
@media(min-width:640px){
 html:not([lang="en"]) .public-header-actions > a{max-width:none;white-space:nowrap;overflow-wrap:normal;hyphens:manual;height:40px;padding-block:0}
 html:not([lang="en"]) .public-header-actions > a > span{white-space:nowrap;overflow-wrap:normal}
}
@media(min-width:1280px){html:not([lang="en"]) .public-header-actions > a{height:44px}}
@media(max-width:639px){html[lang="de"] .public-header-actions > a{font-size:11px}}

/* The header menus are portalled to body; keep their contents in the viewport. */
html:has(.home-page) [data-radix-popper-content-wrapper] [role="menu"]{max-width:calc(100vw - 24px);max-height:min(calc(100dvh - 72px),var(--radix-dropdown-menu-content-available-height,100dvh));overflow-y:auto;overscroll-behavior:contain}
html:has(.home-page) [data-radix-popper-content-wrapper] [role="dialog"]{max-width:calc(100vw - 24px);max-height:min(calc(100dvh - 120px),var(--radix-popover-content-available-height,100dvh));overflow-y:auto;overscroll-behavior:contain}