/* Direct language access, shared by the homepage and assessment. */
.site-header,.assessment-header{position:relative}
html body .language-dropdown.language-compact{position:static}
html body .language-compact>summary{gap:8px;min-height:44px;padding:9px 12px;border:1px solid transparent;border-radius:6px;background:transparent;color:#f4f6f8;font:500 .875rem/1.4 var(--body,Arial,sans-serif);transition:background 180ms ease,border-color 180ms ease}
html body .language-compact>summary:focus-visible{outline:2px solid #c5dff0;outline-offset:0}
.language-globe{width:21px;height:21px;color:#c5dff0;flex-shrink:0}
html body .language-compact .language-code{display:inline;font:inherit;letter-spacing:.03em}
.language-caret{width:16px;height:16px;transition:transform 220ms ease}
.language-compact[open] .language-caret{transform:rotate(180deg)}
/* Reveal in the same style update as native disclosure, never on delayed toggle. */
html body .language-dropdown.language-compact:not([open]) .language-options{display:none}
html body .language-dropdown.language-compact[open] .language-options{animation:language-menu-reveal 220ms cubic-bezier(.16,1,.3,1) both}
@keyframes language-menu-reveal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html body .language-dropdown.language-compact[open] .language-options{animation:none}}
html body .language-compact[open]>summary{background:#c5dff01c;border-color:#c5dff047}
html body .language-dropdown.language-compact .language-options,
.english-home .site-header>.language-dropdown.language-compact .language-options{
 position:absolute;top:calc(100% + 12px);right:6%;left:auto;z-index:50;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;justify-content:normal;gap:5px;width:min(340px,calc(100vw - 28px));min-width:0;max-height:calc(100dvh - 180px);padding:10px;margin:0;overflow-y:auto;overscroll-behavior:contain;background:#13253ef5;border:1px solid #c5dff047;border-radius:12px;box-shadow:0 20px 40px #0004;font-size:.9375rem;
}
@supports ((backdrop-filter:blur(20px)) or (-webkit-backdrop-filter:blur(20px))){html body .language-dropdown.language-compact .language-options,.english-home .site-header>.language-dropdown.language-compact .language-options{background:linear-gradient(120deg,#243c50e8,#0d1b32e8);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}}
html body .language-compact .language-options a{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;padding:12px;white-space:normal;border:1px solid transparent;border-radius:6px;color:#f4f6f8;background:transparent;text-decoration:none;line-height:1.4;transition:background 160ms ease,border-color 160ms ease}
html body .language-compact .language-options a span{font:inherit}
html body .language-compact .language-options a[aria-current=page]{background:#c5dff01c;border-color:#c5dff047;color:#c5dff0}
html body .language-compact .language-options a[aria-current=page]::after{content:'✓';font-size:.875rem}
html body .language-compact .language-options a:focus-visible{outline:2px solid #c5dff0;outline-offset:-2px}
@media(hover:hover){html body .language-compact>summary:hover,html body .language-compact .language-options a:hover{background:#c5dff029;border-color:#c5dff047}}
@media(max-width:650px){html body .language-compact>summary{gap:5px;padding:9px 7px;font-size:.8125rem}.language-globe{width:19px;height:19px}.language-caret{width:13px;height:13px}html body .language-dropdown.language-compact .language-options,.english-home .site-header>.language-dropdown.language-compact .language-options{right:14px;top:calc(100% + 10px)}}
@media(prefers-reduced-motion:reduce){html body .language-compact>summary,.language-caret,html body .language-compact .language-options a{transition:none}}
@media(forced-colors:active){html body .language-compact>summary,html body .language-dropdown.language-compact .language-options{border:1px solid ButtonText}html body .language-dropdown.language-compact .language-options{background:Canvas}}

/* Sixteen native names remain readable, with scrolling on short viewports. */
html body .language-dropdown.language-compact .language-options,
.english-home .site-header>.language-dropdown.language-compact .language-options{width:min(400px,calc(100vw - 28px));scrollbar-width:thin;scrollbar-color:#718da6 transparent;scroll-padding-block:10px}
html body .language-compact .language-options a{font-family:Arial,'Noto Sans',sans-serif;overflow-wrap:anywhere}
html body .language-compact .language-options a span{unicode-bidi:isolate;text-align:start}
