.language-footer { padding: 14px 0; text-align: center; color: var(--muted, #8c95a6); font-size: 13px; }
.language-control { position: relative; display: inline-flex; max-width: 100%; vertical-align: middle; }
.language-icon { position: absolute; left: 12px; top: 50%; width: 16px; height: 16px; transform: translateY(-50%); pointer-events: none; }
.language-icon svg { display: block; width: 100%; height: 100%; }
.language-footer select:not([multiple]):not([size]) { width: 144px; max-width: 100%; min-height: 44px; padding: 9px 32px 9px 36px; border: 1px solid var(--line-strong, #424b5c); border-radius: 10px; color: var(--text, #eceff5); background-color: var(--surface, #171b23); background-position: right 12px center; background-size: 14px 14px; font: inherit; line-height: 1.4; cursor: pointer; transition: border-color .15s, background-color .15s; }
.language-footer select:hover { border-color: var(--accent, #6ea8fe); background-color: var(--raised, #202633); }
.language-footer select:focus-visible { outline: 2px solid var(--accent, #6ea8fe); outline-offset: 2px; }
.footer-meta { display: flex; align-items: center; gap: 12px; white-space: nowrap; }
.footer-meta .language-footer { padding: 0; text-align: left; }
.cab__side-foot .language-footer { order: -1; align-self: stretch; padding: 0 0 6px; text-align: left; }
.cab__side-foot .language-control, .cab__side-foot select:not([multiple]):not([size]) { width: 100%; }
html[lang="en"] .split .theirs::after { content: 'interviewer sees'; }
html[lang="en"] .split .mine::after { content: 'you see'; }

@media (max-width: 860px) {
  .cab__side-foot { flex-wrap: wrap; }
  .cab__side-foot .language-footer { order: initial; flex: 1 0 100%; padding: 0; }
  .cab__side-foot .language-control { width: 144px; }
}