/*
 * The two states of a test page: the test (everything - the first screen,
 * the intro, every question, how it works) and the result, which takes the
 * page over. Functional, and the same whatever the design.
 *
 * Only ever applied to a scripted document. Without .stillnormal-js none of
 * these rules exist and the page is what the engine rendered: every question,
 * the submit button, the result below it. That is also what a crawler reads.
 */

html:not(.stillnormal-js) .stillnormal-start-step {
    display: none;
}

/*
 * Once a result is out, everything above it goes. Only the question form -
 * NOT the wrapper around it: the engine prints the result blocks as a sibling
 * of the form inside that same wrapper.
 */
.stillnormal-js [data-stage="result"] .stillnormal-hero-test,
.stillnormal-js [data-stage="result"] .stillnormal-tbody,
.stillnormal-js [data-stage="result"] .quiz-engine-form,
.stillnormal-js [data-stage="result"] .stillnormal-after,
.stillnormal-js [data-stage="result"] .stillnormal-pre-about,
.stillnormal-js [data-stage="result"] .stillnormal-pre-related {
    display: none;
}