/* Load after the page stylesheet. The drawn cards and the reading share one width,
   set before the first letter: with only min-width the box grew with every typed paragraph. */
#responseCards,
#responseContainer {
    box-sizing: border-box;
    width: min(900px, calc(100% - 20px));
    min-width: 0;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width: 767px) {
    #responseCards,
    #responseContainer {
        width: calc(100% - 32px);
    }
}