/* Small shared language control; page compositions retain their original styles. */
html[data-i18n-loading] body { visibility: hidden; }
.language-switch { display: inline-flex; align-items: center; gap: 5px; flex: 0 0 auto; margin-left: auto; white-space: nowrap; color: #e8eff7; font-size: 11px; }
.language-switch > svg { display: block; flex-shrink: 0; width: 15px; height: 15px; margin-right: 4px; }
.language-switch button, .language-switch a { display: inline-flex; align-items: center; justify-content: center; min-width: 28px; min-height: 36px; padding: 4px; border: 0; background: transparent; color: inherit; font: inherit; line-height: 1; opacity: .65; cursor: pointer; }
.language-switch button[aria-pressed="true"], .language-switch a[aria-current="true"] { font-weight: 600; opacity: 1; text-decoration: underline; text-underline-offset: 4px; }
.language-switch button:hover, .language-switch a:hover { opacity: 1; }
.language-switch button:focus-visible, .language-switch a:focus-visible { outline: 2px solid #fff; outline-offset: 1px; border-radius: 2px; }
.language-switch a { text-decoration: none; }
.language-switch > span { opacity: .5; }
.course-language-bar { background: #10365e; }
.course-language-bar > div { display: flex; justify-content: flex-end; min-height: 38px; }
.about-page .about-utility-contact { flex: 0 1 auto; }
@media (max-width: 575px) {
  .about-page .utility-inner { gap: 10px; flex-wrap: wrap; }
  .about-page .utility-inner > span { flex: 1; font-size: 10px; }
  .about-page .about-utility-contact { display: none; }
  .about-page .language-switch { margin-left: auto; }
}
html[lang="en"] .premium-header .nav-actions .button { white-space: normal; }
html[lang="en"] .course-mobile-action .button { white-space: normal; }