/* The question card — ONE definition, four consumers. * * A question renders identically in the pupil app, the review console, the tutor console and the * parent portal, so these rules live in one file rather than being copied into each. They were * extracted from styles.css when replay reached the tutor and parent screens; a second copy would * be a second place for a child's question to look wrong. * * SELF-CONTAINED ON PURPOSE. Every colour is a --qc-* token defined here, never a token borrowed * from the host page. The four consumers have four different palettes and two of them have dark * mode; depending on whatever `--paper` happens to mean on the current page is how a card ends up * white-on-white somewhere nobody looked. * * LIGHT IS THE DEFAULT, INCLUDING WHEN THE OS IS DARK. The pupil app has no dark mode — styles.css * contains no prefers-color-scheme at all — so a card that went dark on a child's machine would be * the only dark thing on an otherwise light page. Dark is therefore opt-in: a page adds * `data-qc-dark` to to say "I have a dark mode, follow the OS with me". console.html and * parent.html do; index.html and review.html deliberately do not. * * COLOUR IS SET EXPLICITLY, NEVER INHERITED. `.answer` is a