.language-switch { display: inline-flex; flex: 0 0 auto; align-items: center; min-height: 44px; padding: 3px; border: 1px solid var(--line-strong, #bac8c0); border-radius: 999px; background: var(--paper, #fffef9); }
.language-switch button { min-height: 38px; padding: 7px 10px; border: 0; border-radius: 999px; background: transparent; color: var(--green-deep, #0a4635); font: inherit; font-size: .85rem; font-weight: 650; cursor: pointer; }
.language-switch button[aria-pressed="true"] { background: var(--green-deep, #0a4635); color: #fff; }
.language-switch button:hover { text-decoration: underline; text-underline-offset: .2em; }
.language-switch button:focus-visible { outline: 3px solid var(--green, #126148); outline-offset: 2px; }
.header-actions { min-width: 0; flex-wrap: wrap; }
.header-actions .language-switch { order: 5; }
.privacy-language { display: flex; justify-content: flex-end; margin-bottom: 20px; }
html[lang="en"] .nav-item, html[lang="en"] .button { white-space: normal; overflow-wrap: anywhere; }
html[lang="en"] .brand-copy small { letter-spacing: 0; }
html[lang="en"] .primary-nav { flex-wrap: wrap; }
html[lang="en"] .nav-item { min-width: 0; padding-inline: 10px; }
html[lang="en"] .hero-copy h1, html[lang="en"] .page-intro h1 { overflow-wrap: anywhere; text-wrap: balance; }
html[lang="en"] .setting-row, html[lang="en"] .teaching-course-details { flex-wrap: wrap; }
@media (min-width: 901px) and (max-width: 1280px) {
  html[lang="en"] .site-header { grid-template-columns: 1fr auto; }
  html[lang="en"] .header-actions { grid-column: 2; grid-row: 1; }
  html[lang="en"] .primary-nav { grid-column: 1 / -1; grid-row: 2; justify-content: center; margin-top: 12px; }
}
@media (max-width: 900px) {
  .header-actions { max-width: min(62vw, 520px); }
  html[lang="en"] .primary-nav { border-radius: 16px; }
  html[lang="en"] .nav-item { flex: 1 1 40%; }
}
@media (max-width: 620px) {
  .header-actions { max-width: 62vw; gap: 5px; }
  .language-switch { min-height: 44px; }
  .language-switch button { min-height: 38px; padding-inline: 9px; }
  html[lang="en"] .site-header .brand { width: auto; min-width: 0; max-width: 100%; gap: 8px; }
  html[lang="en"] .site-header .brand-mark { flex-shrink: 0; }
  html[lang="en"] .site-header .brand-copy { min-width: 0; }
  html[lang="en"] .header-actions { max-width: 56vw; }
  html[lang="en"] .brand-copy strong { font-size: 1rem; letter-spacing: 0; }
  html[lang="en"] .video-assessment-actions .button { min-width: 0; }
}