/* class7-math-P2-ch7.css
   Class 7 Part 2, Chapter 7 (equations), Topic 20 - the rules that belong to THIS chapter only.
   The shared kids' look (picture card, one-line chips, reason cards, hint button, "?" box) lives in
   kids-quiz-common.css, which must be linked before this file.  The popups of this chapter have the
   classes "quiz-overlay kq-theme" and ids that start with "p2c7". */

/* the beam, the pans and the blocks move after you answer */
.quiz-overlay.kq-theme .p2c7-beam,
.quiz-overlay.kq-theme .p2c7-panL,
.quiz-overlay.kq-theme .p2c7-panR { transition: transform .95s cubic-bezier(.3, 1.35, .5, 1); }
.quiz-overlay.kq-theme .p2c7-late { opacity: 0; transition: opacity .55s ease; }
.quiz-overlay.kq-theme .p2c7-late.on { opacity: 1; }
.quiz-overlay.kq-theme .p2c7-rm { transition: opacity .55s ease; }
.quiz-overlay.kq-theme .p2c7-rm.p2c7-gone { opacity: 0; }

/* the hint ladder on the mixed mobiles: cover the known ones, then glow the hidden ones */
.quiz-overlay.kq-theme .p2c7-known,
.quiz-overlay.kq-theme .p2c7-unk { transition: opacity .45s ease, filter .45s ease; }
.quiz-overlay.kq-theme .p2c7-covering .p2c7-known { opacity: .2; }
.quiz-overlay.kq-theme .p2c7-focus .p2c7-unk { filter: drop-shadow(0 0 6px rgba(255, 200, 61, .95)); }

@media (prefers-reduced-motion: reduce) {
    .quiz-overlay.kq-theme .p2c7-beam, .quiz-overlay.kq-theme .p2c7-panL, .quiz-overlay.kq-theme .p2c7-panR,
    .quiz-overlay.kq-theme .p2c7-late, .quiz-overlay.kq-theme .p2c7-rm,
    .quiz-overlay.kq-theme .p2c7-known, .quiz-overlay.kq-theme .p2c7-unk { transition: none; }
}

/* probe: lets class7-math-P2-ch7.js know this file really loaded */
.p2c7-probe { --p2c7-loaded: 1; }