/* The site header on a phone: one line. The logo, the language and "Começar grátis" stay; "Entrar" goes
   (it opens the same sign-in as the start button) and everything tightens so nothing wraps. Linked after
   quizz.css; the ActualSales project's copies of the pages carry it as <style data-mobile-header>. */
@media (max-width: 640px) {
    .site-head { flex-wrap: nowrap; padding: 14px 16px; gap: 10px; }
    .site-head .logo { font-size: 22px; flex: none; }
    .site-nav { flex-wrap: nowrap; gap: 6px; min-width: 0; }
    .site-nav a[data-app-link="signin"]:not(.cta), .site-nav a[href$="/login"]:not(.cta) { display: none; }
    .site-nav .lang-select { height: 38px; padding: 0 26px 0 12px; font-size: 13px; background-position: calc(100% - 14px) 50%, calc(100% - 9px) 50%; }
    .site-nav .cta { padding: 10px 14px; font-size: 14px; white-space: nowrap; }
}
@media (max-width: 359px) {
    .site-head { padding: 12px 12px; gap: 6px; }
    .site-head .logo { font-size: 20px; }
    .site-nav .cta { padding: 9px 11px; font-size: 13px; }
}