/* Rodapé centralizado — a única regra que a home e o formulário do 4respira compartilham
   fora do design system.

   Mora aqui, e não no `system.css`, porque aquele arquivo é ativo espelhado da origem
   (scripts/sync-home.mjs): editá-lo seria desfeito no próximo sync e faria a cópia deixar de
   ser idêntica. A home recebe este arquivo por injeção no sync, o formulário o linka direto.
   Só posicionamento: cor, tipografia e espaçamento continuam vindo do sistema. */

.ctrl-footer__inner {
  justify-content: center;
  text-align: center;
}

.ctrl-footer__inner > p {
  justify-content: center;
}

.ctrl-footer nav {
  justify-content: center;
}

/* No celular as três partes empilham centradas, em vez de os links quebrarem em duas
   linhas encostados na margem esquerda. */
@media (width <= 820px) {
  .ctrl-footer__inner {
    flex-direction: column;
    gap: 4px;
  }
}