Por qué sobrepaso max-width?

[pzin]

Pues box-sizing no se hereda, tienes que aplicárselo al elemento que necesites, o ya cambiar el modelo de caja de CSS para cualquier elemento:

Código CSS:

* {
  box-sizing:border-box;
}
 

Luego tienes por ahí un margen a la derecha.

Y por último 14 * 4 + 46 = 102.