Contenido en un desbordamiento horizontal de Flexbox (acordeón)

Question

Tengo un problema con un Flexbox (acordeón). En el ejemplo de alimentación a continuación, tengo grupos de contenido, y cada grupo tiene una celda en una caja flexible horizontal y dentro de cada celda el contenido relacionado con cada grupo.

Ejemplo y código en vivo aquí.

El problema es que cuando el contenido de un grupo es demasiado grande, desborda FlexBox y no puedo encontrar una solución para esto.