Remove indicações (comentários) de estrutura semântica do HTML
Melhora a identificação para o conjunto de cores disponíveis
Aplica a nova relação proporcional a 16pt/22pt no body
Nova relação de tamanho da etiqueta small. Definindo na prática, 12px para um tamanho de texto de 16px de altura.
O HR não é mais retirado visualmente, mas apenas indicado com uma linha cinza clara.
Melhora a organização do código
Quebra as funcionalidades do CSS em arquivos próprios, com o objetivo de evidenciar a sua aplicação.
Remove novamente o HR do rendering principal.
Para simplificar o processo de aplicação do limite máximo, ao aplicar a classe row, isto fica definido.
Imagem de debug com as novas medidas.
Organização do código
Redimensiona todos os espaçamentos para o baseline de 22px
A nova imagem de debug
Cria o CSS para mobile.
Ajusta o conteúdo no exemplo
Aplica a nova imagem de grid
Aplica o tamanho total default para fonte em mobile.
Remove propriedades desnecessárias
Ajuste de texto no exemplo
Melhora a legibilidade do código