/* class7-math-ch2-puzzles.css - Arithmetic Expressions Tier 18 "Tier 18 Puzzles and Pro Level".
   Almost everything is shared (class7-math-ch2-common.css, class7-math-ch2-expr.css); only this tier touches live here.
   Popup ids are the lower-case prefixes: pzthree3, pzfour4, pztarget, pzhundred, pzsmart, pzsnail, pzten, pzmulti, pzcreate, pzalgebra. */

/* expressions, cards, rows and answers keep every word on one line */
.c72-overlay[id^="pzthree3"] .c72-svg text,
.c72-overlay[id^="pzfour4"] .c72-svg text,
.c72-overlay[id^="pztarget"] .c72-svg text,
.c72-overlay[id^="pzhundred"] .c72-svg text,
.c72-overlay[id^="pzsmart"] .c72-svg text,
.c72-overlay[id^="pzsnail"] .c72-svg text,
.c72-overlay[id^="pzten"] .c72-svg text,
.c72-overlay[id^="pzmulti"] .c72-svg text,
.c72-overlay[id^="pzcreate"] .c72-svg text,
.c72-overlay[id^="pzalgebra"] .c72-svg text { white-space: nowrap; }

/* the little faces of the kids in a story sit on the text line */
.c72-overlay[id^="pzthree3"] .quiz-question .c72-inl,
.c72-overlay[id^="pzfour4"] .quiz-question .c72-inl,
.c72-overlay[id^="pztarget"] .quiz-question .c72-inl,
.c72-overlay[id^="pzhundred"] .quiz-question .c72-inl,
.c72-overlay[id^="pzsmart"] .quiz-question .c72-inl,
.c72-overlay[id^="pzsnail"] .quiz-question .c72-inl,
.c72-overlay[id^="pzten"] .quiz-question .c72-inl,
.c72-overlay[id^="pzmulti"] .quiz-question .c72-inl,
.c72-overlay[id^="pzcreate"] .quiz-question .c72-inl,
.c72-overlay[id^="pzalgebra"] .quiz-question .c72-inl { width: 1.7em; height: 1.7em; vertical-align: -0.55em; margin-right: 2px; }

/* the tallest pictures: cap the height on small screens */
.c72-overlay[id^="pzthree3"] .c72-svg { max-height: 200px; }
.c72-overlay[id^="pzfour4"] .c72-svg { max-height: 200px; }
.c72-overlay[id^="pztarget"] .c72-svg { max-height: 320px; }
.c72-overlay[id^="pzhundred"] .c72-svg { max-height: 200px; }
.c72-overlay[id^="pzsmart"] .c72-svg { max-height: 200px; }
.c72-overlay[id^="pzsnail"] .c72-svg { max-height: 240px; }
.c72-overlay[id^="pzmulti"] .c72-svg { max-height: 300px; }
.c72-overlay[id^="pzcreate"] .c72-svg { max-height: 200px; }
.c72-overlay[id^="pzalgebra"] .c72-svg { max-height: 200px; }
@media (max-width: 400px) {
    .c72-overlay[id^="pztarget"] .c72-svg { max-height: 280px; }
    .c72-overlay[id^="pzmulti"] .c72-svg { max-height: 260px; }
}