/* =================================================================
   == WHAT'S MY LEVEL? — PRINT STYLES (INTEGRATED)
   ================================================================= */

/* Force browsers to print background colours and images */
#content #esl-level-test,
#content #esl-level-test * {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
}

@page {
    margin: 1.5cm;
}

/* Hide elements that are meaningless on paper */
#content #esl-level-test .level-badge,
#content #esl-level-test .result-button,
#content #esl-level-test .result-icons,
#content #esl-level-test .result-buttons-top,
#content #esl-level-test .result-buttons-bottom,
#content #esl-level-test .result-footer,
#content #esl-level-test .result-nerdy,
#content #esl-level-test .challenge-button,
#content #esl-level-test .info-back-button,
#content #esl-level-test .certificate-back-button,
#content #esl-level-test .certificate-print-button,
#content #esl-level-test .skills-back-button,
#content #esl-level-test .feedback-back-button,
#content #esl-level-test .next-steps-back-button {
    display: none !important;
}

/* Let the container fill the page naturally */
#content #esl-level-test .level-test-container {
    width: 100% !important;
    height: auto !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 20px !important;
    overflow: visible !important;
}

#content #esl-level-test .test-area {
    overflow: visible !important;
}

/* =================================================================
   == SPACING — spread content down the page
   ================================================================= */

/* Info screen (CEFR scale) */
#content #esl-level-test .info-screen {
    padding-top: 40px !important;
}

#content #esl-level-test .info-spectrum-section {
    margin-bottom: 40px !important;
}

#content #esl-level-test .info-description {
    margin-bottom: 40px !important;
}

#content #esl-level-test .info-level-list {
    gap: 10px !important;
    margin-bottom: 40px !important;
}

#content #esl-level-test .info-level-row {
    padding: 8px 12px !important;
}

/* Certificate screen */
#content #esl-level-test .certificate-screen {
    padding-top: 40px !important;
}

#content #esl-level-test .certificate-badge {
    margin-bottom: 16px !important;
}

#content #esl-level-test .certificate-date {
    margin-bottom: 36px !important;
}

#content #esl-level-test .certificate-spectrum {
    height: 50px !important;
    margin-bottom: 40px !important;
}

#content #esl-level-test .certificate-skills-heading {
    margin-bottom: 20px !important;
}

#content #esl-level-test .certificate-skills {
    gap: 12px !important;
}

/* Skills screen */
#content #esl-level-test .skills-screen {
    padding-top: 40px !important;
}

#content #esl-level-test .skills-heading {
    margin-bottom: 40px !important;
}

#content #esl-level-test .skills-card {
    margin-bottom: 16px !important;
}

/* Feedback screen */
#content #esl-level-test .feedback-screen {
    padding-top: 20px !important;
}

#content #esl-level-test .feedback-card {
    margin-bottom: 16px !important;
}

/* Next steps screen */
#content #esl-level-test .next-steps-screen {
    padding-top: 40px !important;
}

#content #esl-level-test .next-steps-group {
    margin-bottom: 28px !important;
}

/* =================================================================
   == FONT SIZES — bigger for paper
   ================================================================= */

/* Info screen */
#content #esl-level-test .info-spectrum-label {
    font-size: 26px !important;
}

#content #esl-level-test .info-heading {
    font-size: 22px !important;
}

#content #esl-level-test .info-description {
    font-size: 20px !important;
}

#content #esl-level-test .info-level-name {
    font-size: 20px !important;
}

#content #esl-level-test .info-level-badge {
    font-size: 18px !important;
}

#content #esl-level-test .info-spectrum-segment-label {
    font-size: 14px !important;
}

/* Certificate screen */
#content #esl-level-test .certificate-site {
    font-size: 20px !important;
}

#content #esl-level-test .certificate-title {
    font-size: 26px !important;
}

#content #esl-level-test .certificate-traditional {
    font-size: 22px !important;
}

#content #esl-level-test .certificate-date {
    font-size: 17px !important;
}

#content #esl-level-test .certificate-skills-heading {
    font-size: 20px !important;
}

#content #esl-level-test .certificate-skill-label {
    font-size: 19px !important;
}

#content #esl-level-test .certificate-skill-score {
    font-size: 17px !important;
}

#content #esl-level-test .certificate-spectrum-label {
    font-size: 13px !important;
}

/* Skills screen */
#content #esl-level-test .skills-heading {
    font-size: 28px !important;
}

#content #esl-level-test .skills-card__label {
    font-size: 22px !important;
}

#content #esl-level-test .skills-card__score {
    font-size: 18px !important;
}

/* Feedback screen */
#content #esl-level-test .feedback-card__question {
    font-size: 18px !important;
}

#content #esl-level-test .feedback-card__choice {
    font-size: 17px !important;
}

#content #esl-level-test .feedback-card__explanation {
    font-size: 15px !important;
}

/* Next steps screen */
#content #esl-level-test .next-steps-heading {
    font-size: 26px !important;
}

#content #esl-level-test .next-steps-group-title {
    font-size: 18px !important;
}

#content #esl-level-test .next-steps-link {
    font-size: 19px !important;
}