.ui-language-switch{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;justify-content:flex-end;margin:.5rem 1rem;max-width:100%;font-size:.9rem}
.ui-language-switch button{width:auto;min-width:5rem;padding:.4rem .65rem;border:1px solid #687a91;border-radius:.4rem;background:#fff;color:#132d4f;font:inherit;cursor:pointer}
.ui-language-switch button[aria-pressed=true]{background:#e2edff;border:3px double #174a9d;font-weight:700}
.ui-language-switch button:focus-visible{outline:3px solid #f2a900;outline-offset:2px}
.ui-language-switch small{flex-basis:100%;text-align:right;overflow-wrap:anywhere}
.home-choice-page .home-choice-panel{min-width:0;max-width:100%}
.home-choice-page .home-choice-panel h1{white-space:normal;overflow-wrap:anywhere}
.auth-page .auth-panel{min-width:0;max-width:100%}
.auth-page .auth-field input,.auth-page .auth-field select{min-width:0;max-width:100%}
@media(max-width:400px){.home-choice-page .home-choice-panel h1{font-size:32px}.auth-page .auth-panel h1{font-size:28px}.ui-language-switch{margin:.5rem 0}}

@media(max-width:760px){.learning-screen .image-nav-arrow[aria-label]::after{content:attr(aria-label);font-size:13px}}

/* Shared banner slot; form stays outside every learning/submit form. */
nav.ui-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.4rem 1rem;box-sizing:border-box;max-width:100%}
.ui-banner .ui-nav-links{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;min-width:0}
.ui-banner .ui-language-switch{margin:0 0 0 auto;flex:0 1 auto}
.ui-language-switch button{min-width:0;white-space:nowrap}
.auth-panel>.ui-language-switch{margin:0 0 .4rem;justify-content:flex-end}
.ui-language-status:empty{display:none}
.ui-language-status{font-size:.9rem;overflow-wrap:anywhere}
@media(max-width:400px){.ui-banner{gap:.25rem}.ui-banner .ui-language-switch{font-size:.8rem}.ui-banner .ui-language-switch button{padding:.3rem .45rem}}
