Aumenta margen con tamaño letra.

[kseso?]

Primero la solucción:
uso de la propiedad overflow para evitar esos comportamientos.

El porqué tiene que ver con la forma en que el agente de usuario resuelve varios márgenes adyacentes de forma conjunta. En inglés "margin collapsing".

No he leído detenidamente todo el tema, pero creo que en el caso planteado concurren, además de los márgenes de varios elementos, el hecho de que al modificar el tamaño de la letra también se modifica la altura de línea.

Y como decía al principio, se evitan sorpresas y aplicando overflow.