Finalizando primeiras interações da sidebar no mobile.

Enfrentei quase os mesmos problemas que o header, mas foi mais fácil
fazer. O Overflow misteriosamente não funcionou no mobile. Seria muito
simples se tivesse funcionado quando usado no body ou em um div
adicional como o .geral. Mas tive que colocar também na tag HTML.

Basicamente o elemento sidebar tem 100% de largura, ela fica sob todos
os outros elementos. Eu tive que adicionar um elemento de suporte
chamado sidebar-inner, que fica posicionado fora do viewport. Assim, eu
movo com o translate, para a esquerda, o elemento sidebar.

Não é possível posicionar simplesmente o sidebar para direita porque o
transform sempre inicia pela esquerda.

Também adicionei uma classe CONTENT no div com role="main"
começando transições da sidebar no mobile.
Script para inserir overlay no mobile.