
/* One shared, connected language control for desktop and drawer utilities. */
body .portal-language{position:relative;display:block!important;flex:0 0 auto;border:0;padding:0;background:none;box-shadow:none;margin:0!important}
body .portal-language>.language-trigger{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:#17354e;font:inherit;font-size:14px;font-weight:500;cursor:pointer;list-style:none;white-space:nowrap}
.portal-language>.language-trigger::-webkit-details-marker{display:none}
.portal-language>.language-trigger::after{display:none!important}
.portal-language>.language-trigger svg{width:18px;height:18px;flex:none;color:#718497}
.portal-language>.language-trigger .language-name{display:block;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:13px;font-weight:500;line-height:20px;letter-spacing:0}
.portal-language>.language-trigger svg{display:block}
.portal-language[open]>.language-trigger,.portal-language>.language-trigger:hover{background:#edf4fa}
body .portal-language>.language-menu{position:absolute;z-index:1200;inset-block-start:calc(100% + 8px);inset-inline-end:0;display:grid;width:200px;max-width:calc(100vw - 40px);padding:8px;margin:0;border:1px solid #dce4ed;border-radius:15px;background:#fff;box-shadow:0 18px 48px rgba(6,24,51,.18)}
body .portal-language:not([open])>.language-menu{display:none}
body .portal-language .language-option{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:11px 12px;border:0;border-radius:10px;background:transparent;color:#17243a;font:inherit;font-size:14px;text-align:start;cursor:pointer;box-shadow:none}
body .portal-language .language-option:hover,body .portal-language .language-option[aria-current=true]{background:#edf4fa;color:#0b2d5b}
.portal-language .language-option[aria-current=true]::after{content:'✓';color:#c62828;font-weight:900}
.portal-language :focus-visible{outline:2px solid #5488ad;outline-offset:3px}
body>header nav>.portal-language{order:-1;margin-inline-end:0!important;padding-inline-end:0;border:0}
body>header nav>.portal-language>.language-trigger{font:inherit!important;color:inherit!important}
body:is(.learning-dashboard,.admin-workspace)>header nav>.portal-language>.language-trigger{color:#234760!important}
body>header nav>.portal-language>.language-trigger .language-name{font:inherit!important;color:inherit!important}
body>header nav>.portal-language>.language-trigger svg{width:18px;height:18px;flex:0 0 18px;color:#718497;fill:none;stroke:currentColor;stroke-width:1.5}
body .portal-mobile-drawer .portal-language>.language-trigger{font:inherit!important;color:inherit!important}
body .portal-mobile-drawer .portal-language>.language-trigger .language-name{font:inherit!important;color:inherit!important}
body .portal-mobile-drawer .portal-language>.language-trigger svg{width:18px;height:18px;flex:0 0 18px;color:#718497;fill:none;stroke:currentColor;stroke-width:1.5}
.portal-mobile-drawer .drawer-utilities{display:flex;align-items:center;padding:4px 2px}
body .portal-mobile-drawer .drawer-utilities .portal-language{margin:0!important}
body .portal-mobile-drawer .portal-language>.language-menu{position:static;width:200px;margin:4px 0 8px;box-shadow:0 8px 24px rgba(6,24,51,.08)}
@media(max-width:600px){body.join-page>header nav>.portal-language,body.access-auth>header nav>.portal-language{padding-inline-end:0;border:0;margin-inline-end:0!important}body.join-page .language-trigger,body.access-auth .language-trigger{gap:6px;padding:8px;font-size:13px}}
@media(max-width:900px){body .portal-language>.language-trigger .language-name{display:none}body .portal-language>.language-trigger{justify-content:center;min-width:44px;padding:10px}}
/* Apply the same full-viewport canvas to every account-access step. */
html:root body.access-auth{margin:0;max-width:none;width:100%;min-height:100vh;min-height:100dvh;background:#fff!important;display:flex;flex-direction:column}
html:root body.access-auth>header{flex:none;display:flex;flex-direction:row;align-items:center;justify-content:space-between;max-width:none;width:100%;margin:0;min-height:64px!important;padding:10px 24px!important;box-sizing:border-box;background:#fff!important}
html:root body.access-auth>main{flex:1;width:100%;max-width:none;margin:0;padding:24px 24px 48px;min-height:0;background:#f0f6fb!important;box-sizing:border-box}
body.access-auth .card.auth{margin:0 auto;max-width:530px;width:100%}
body.access-auth>header nav{flex-wrap:nowrap;align-items:center}
@media(max-width:800px){html:root body.access-auth>header{min-height:60px!important;padding:8px 16px!important;gap:12px}html:root body.access-auth>header .brand img.brand-logo{width:108px!important;height:auto!important}html:root body.access-auth>main{padding:20px 16px 32px}body.access-auth>header .website-return{font-size:13px;white-space:nowrap}}
