/* ---------------------------------------------------------------------------
   Выбор языка вопросов — компактный сегментный переключатель в верху
   страницы выбора предмета.

   Раньше это был ряд из двух крупных «таблеток» с подписями, оформленных
   как выбор режима ниже. На телефоне они вставали друг под другом и вместе
   с режимом сдвигали карточки предметов почти за первый экран (y≈600 на
   390×844). У языка почти всегда верное значение по умолчанию (прошлый
   выбор или язык интерфейса), поэтому это второстепенная настройка: одна
   строка с маленькой подписью, а не отдельный шаг.
   --------------------------------------------------------------------------- */

.qlang-row{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0 0 14px;
}

.qlang-label{
  font-size: 12.5px;
  font-weight: 700;
  color: var(--ink-soft);
}

.qlang-seg{
  display: inline-flex;
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 99px;
  padding: 3px;
  gap: 2px;
}

.qlang-btn{
  border: 0;
  background: none;
  border-radius: 99px;
  padding: 6px 14px;
  min-height: 32px;
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 13px;
  color: var(--ink-soft);
  cursor: pointer;
  transition: background .15s, color .15s;
}
.qlang-btn:hover{ color: var(--ink); }
.qlang-btn.active{ background: var(--blue); color: #fff; }
.qlang-btn:focus-visible{ outline: 2px solid var(--blue); outline-offset: 2px; }

@media (max-width: 560px){
  .qlang-row{ margin-bottom: 10px; gap: 8px; }
  .qlang-btn{ padding: 5px 12px; font-size: 12.5px; }
}