/* Quinto link na navegacao (CEO, 21/09/2026: o FAQ saiu da home e "Questions"
   entrou em .nav-links). Com quatro links o cabecalho cabia em uma linha ate 761px
   (en/ko/zh; es/pt/vi ja quebravam abaixo de ~780px); com cinco passou a quebrar em
   dois andares ate 840px, o que inclui o iPad retrato (768/810/820px). Nesta faixa
   os espacos, a marca, os links e o botao apertam ate caber nos seis idiomas
   (medido em 761px). Abaixo de 760px o menu hamburguer de main.css assume; acima
   de 900px nada muda. main.css e clarity-v5.css sao ativos congelados, por isso a
   regra vive aqui. Entra depois de clarity-v5.css para vencer pela ordem. */
@media (min-width: 761px) and (max-width: 900px) {
  .nav { gap: 12px; }
  .brand { font-size: 17px; gap: 7px; }
  .nav-links { gap: 12px; }
  .nav-links a { font-size: 11px; white-space: nowrap; }
  .nav-end { gap: 6px; }
  .nav-end .button.small { padding: 10px 14px; font-size: 11px; white-space: nowrap; }
  .locale-picker > summary { gap: 6px; padding: 8px 10px; }
}
