/* Five-language dropdown shown only in the explicitly isolated QA bundle.
   Keep the existing position, height, compact visual style, keyboard access. */
html:is(.hz-five-locale-qa,.hz-five-locale-live) [data-language-switcher]{position:relative;z-index:100}
html:is(.hz-five-locale-qa,.hz-five-locale-live) .hz-language-five{position:relative;display:block;font:inherit}
html:is(.hz-five-locale-qa,.hz-five-locale-live) .hz-language-five summary{
 display:flex;align-items:center;justify-content:space-between;
 gap:12px;min-width:69px;min-height:37px;
 padding:6px 11px;border:1px solid var(--border,#c8c6c0);border-radius:9px;
 background:var(--surface-elevated,#fff);font-weight:850;cursor:pointer;list-style:none;
}
html:is(.hz-five-locale-qa,.hz-five-locale-live) .hz-language-five summary::-webkit-details-marker{display:none}
html.hz-five-locale-qa .hz-language-five summary::before,
html.hz-five-locale-qa .hzv3-locale-five summary::before{content:"QA";font:700 11px/1 system-ui;color:#396054}
html:is(.hz-five-locale-qa,.hz-five-locale-live) .hz-language-five summary::after{content:"⌄";font-weight:700;font-size:13px}
html:is(.hz-five-locale-qa,.hz-five-locale-live) .hz-language-five-list{
 position:absolute;right:0;top:calc(100% + 6px);z-index:1000;
 min-width:165px;max-width:min(92vw,230px);padding:6px;
 background:var(--surface-elevated,#fff);color:var(--text-primary,#252925);
 box-shadow:0 10px 24px rgba(0,0,0,.14);border:1px solid var(--border,#c8c6c0);
 border-radius:12px;display:flex;flex-direction:column;gap:2px;
}
html:is(.hz-five-locale-qa,.hz-five-locale-live) .hz-language-five-list button{
 color:inherit;background:transparent;border:0;
 padding:10px 12px;border-radius:8px;text-align:left;
 font:inherit;font-size:14px;font-weight:650;cursor:pointer;white-space:nowrap;
}
html:is(.hz-five-locale-qa,.hz-five-locale-live) .hz-language-five-list button:hover,
html:is(.hz-five-locale-qa,.hz-five-locale-live) .hz-language-five-list button.is-active{
 background:var(--surface-soft,#eeeae3);
}
html:is(.hz-five-locale-qa,.hz-five-locale-live) .hz-language-five summary:focus-visible,
html:is(.hz-five-locale-qa,.hz-five-locale-live) .hz-language-five-list button:focus-visible{
 outline:2px solid var(--accent-strong,#86624e);outline-offset:2px;
}

/* Long compound words (e.g., German legal titles) must not widen the phone. */
html:is(.hz-five-locale-qa,.hz-five-locale-live) body[data-qa-legal-draft="unreviewed"] main h1,
html:is(.hz-five-locale-qa,.hz-five-locale-live) body[data-qa-legal-draft="unreviewed"] main article,
html:is(.hz-five-locale-qa,.hz-five-locale-live) body[data-qa-legal-draft="unreviewed"] main .notice{
 overflow-wrap:anywhere;
}

/* Candidate form copy needs natural scrolling, including validation and long
   save labels. Do not inherit the old short-copy mobile viewport clipping. */
@media(max-width:767px){
 html:is(.hz-five-locale-qa,.hz-five-locale-live) body.hz-page-onboarding > header{overflow:visible!important}
 html:is(.hz-five-locale-qa,.hz-five-locale-live) body.hz-page-onboarding > main{
  display:block!important;overflow-y:auto!important;touch-action:pan-y!important;
  padding-bottom:24px!important;
 }
 html:is(.hz-five-locale-qa,.hz-five-locale-live) body.hz-page-onboarding > main > div:first-child,
 html:is(.hz-five-locale-qa,.hz-five-locale-live) body.hz-page-onboarding > main > div:first-child p{display:block!important}
 html:is(.hz-five-locale-qa,.hz-five-locale-live) body.hz-page-onboarding section.glass{
  height:auto!important;min-height:0!important;overflow:visible!important;margin-top:12px!important;
 }
 html:is(.hz-five-locale-qa,.hz-five-locale-live) body.hz-page-onboarding .step-panel:not(.hidden){overflow:visible!important}
 html:is(.hz-five-locale-qa,.hz-five-locale-live) body.hz-page-onboarding #businessChoices,
 html:is(.hz-five-locale-qa,.hz-five-locale-live) body.hz-page-onboarding #goalChoices{grid-template-rows:repeat(3,auto)!important}
 html:is(.hz-five-locale-qa,.hz-five-locale-live) body.hz-page-onboarding .choice{
  min-height:64px!important;padding:12px!important;font-size:14px!important;line-height:1.35!important;
 }
 html:is(.hz-five-locale-qa,.hz-five-locale-live) body.hz-page-onboarding #businessChoices .choice .text-xs{display:block!important}
 html:is(.hz-five-locale-qa,.hz-five-locale-live) body.hz-page-onboarding .choice.active,
 html:is(.hz-five-locale-qa,.hz-five-locale-live) body.hz-page-onboarding .choice.active *{color:var(--text-primary,#252925)!important}
 html:is(.hz-five-locale-qa,.hz-five-locale-live) body.hz-page-onboarding #onboardingActions button{
  height:auto!important;min-height:46px!important;line-height:1.35!important;
 }
 html:is(.hz-five-locale-qa,.hz-five-locale-live) body.hz-page-onboarding #errorBox.show{position:static!important;margin-top:12px!important}
}
/* Long candidate legal headings must wrap without concealing missing copy. */
html:is(.hz-five-locale-qa,.hz-five-locale-live) .shell h1{overflow-wrap:anywhere;}
html:is(.hz-five-locale-qa,.hz-five-locale-live) .shell .badge{max-width:100%;white-space:normal;overflow-wrap:anywhere;}
html:is(.hz-five-locale-qa,.hz-five-locale-live) .top-shell > .shell{flex-wrap:wrap;}
html:is(.hz-five-locale-qa,.hz-five-locale-live) .top-shell > .shell > a{white-space:nowrap;}
html:is(.hz-five-locale-qa,.hz-five-locale-live) .top-shell > .shell > div{min-width:0;flex:1 1 220px;justify-content:flex-end;}
html:is(.hz-five-locale-qa,.hz-five-locale-live) .top-shell .btn-secondary{min-width:0;overflow-wrap:anywhere;}
/* Shared legacy anchor styles override Tailwind's hidden utility. Respect the
   page's public/Settings intent, and let long child-route labels take space. */
html:is(.hz-five-locale-qa,.hz-five-locale-live) body.hz-auth-page:not(.hz-settings-recovery) #settingsRecoveryBack.hidden{display:none!important;}
html:is(.hz-five-locale-qa,.hz-five-locale-live) body.hz-settings-recovery [data-language-switcher]{position:static!important;margin-left:auto!important;}
html:is(.hz-five-locale-qa,.hz-five-locale-live) body.hz-settings-recovery #settingsRecoveryBack{max-width:100%;white-space:normal;overflow-wrap:anywhere;}
