Realizando alguns testes com a propriedade padding percebi que ela "acrescenta" tamanho ao elemento onde ela é utilizada. Por se tratar de uma questão interna ao elemento ela não deveria unicamente "comprimir" o conteudo do elemento? Não consegui compreender esse comportamento. Esse tipo de comportamento não caberia ao width e height?
Utilizando como exemplo a alteração na div principal, onde é adicionado um padding de 30px, isso não deveria unicamente "forçar" o conteudo "para dentro"?
Sim, o padding é o espaço entre o conteúdo e a borda. se adicionar mais espaço ele estica a borda e nao comprime o conteúdo. Mas da pra fazer com que ele nao expanda a borda adicionando box-sizing: border-box;
Acho que entendi, mas só pra garantir rs. Então para não diminuir o tamanho do conteudo ele expande o tamanho do elemento, é isso?
Sim, acho que esse é o comportamento natural.