[hidden]{display:none!important}
.quiz-page{max-width:920px;padding-block:44px 64px}
.quiz-intro h1{font-size:clamp(30px,4vw,44px);line-height:1.4;color:var(--navy);margin:0 0 20px}
.quiz-intro .lead{max-width:none}
.quiz-meta{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:24px 0}
.quiz-meta li{background:var(--pale);border:1px solid var(--line);border-radius:24px;padding:5px 16px;font-size:14px}
.quiz-progress{font-weight:700;margin:32px 0 16px;color:var(--navy)}
.question{min-width:0;margin:0 0 28px;padding:24px;border:1px solid var(--line);border-radius:8px;background:#fff}
.question legend{padding:0 8px;font-weight:750;color:var(--blue)}
.question-stem{font-size:18px;font-weight:650;line-height:1.8;margin:4px 0 20px;white-space:pre-wrap;overflow-wrap:anywhere}
.answer-option{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:5px;padding:12px 14px;margin:10px 0;cursor:pointer;line-height:1.7}
.answer-option:has(input:checked){background:#eaf3ff;border-color:var(--blue)}
.answer-option input{flex:0 0 auto;width:18px;height:18px;margin:5px 0 0;accent-color:var(--blue)}
.answer-option span{min-width:0;overflow-wrap:anywhere}
button{font-family:inherit;cursor:pointer}
button:focus-visible,input:focus-visible{outline:3px solid #357bc0;outline-offset:4px}
.quiz-submit{width:100%;font-size:18px;min-height:60px}
.quiz-error{color:#8c2525;background:#fff2f0;border-left:4px solid #ac3c34;padding:16px;margin-block:20px}
.result-heading{color:var(--navy);font-size:32px;scroll-margin-top:24px}
.score-card{background:var(--pale);border:1px solid var(--line);border-radius:8px;padding:28px;margin-block:20px}
.score-number{font-size:56px;line-height:1.2;font-weight:850;color:var(--navy)}
.score-number small{font-size:18px;font-weight:500}
.quiz-rates{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-block:24px}
.rate-card{padding:16px;background:#fff;border:1px solid var(--line);border-radius:6px}
.rate-card h3{margin:0 0 8px;color:var(--navy);font-size:18px}
.rate-value{font-size:14px;line-height:1.6;margin:0}
meter{width:100%;height:18px;margin-top:10px}
.review-card{border:1px solid var(--line);border-left:4px solid #49755c;border-radius:6px;padding:24px;margin-block:24px;overflow-wrap:anywhere}
.review-card.is-wrong{border-left-color:#a66c2e}
.review-card h3{font-size:19px;color:var(--navy);margin:0 0 16px}
.review-options{padding-left:24px}
.review-options li{margin-block:6px}
.review-correct{font-weight:750;color:#23583f}
.review-selected{color:var(--muted)}
.explanation{background:var(--pale);padding:20px;border-radius:4px}
.explanation h4{margin:12px 0 6px;color:var(--navy);font-size:16px}
.explanation p{margin:8px 0;white-space:pre-wrap}
.optional-signup{border-top:1px solid var(--line);padding-top:32px;margin-top:40px}
.optional-signup h2,.quiz-purchase h2{font-size:26px;color:var(--navy);line-height:1.5}
.optional-signup iframe{display:block;width:100%;height:660px;border:0;background:#f5f2fc;margin-top:20px}
.quiz-purchase{margin-top:32px;border:1px solid var(--line);background:var(--pale);border-radius:6px;padding:24px}
@media(max-width:760px){.quiz-page{padding-top:32px}.question,.review-card{padding:18px 14px}.question-stem{font-size:17px}.answer-option{padding:12px}.quiz-rates{grid-template-columns:repeat(2,minmax(0,1fr))}.score-card{padding:20px}.score-number{font-size:48px}.explanation{padding:15px}.optional-signup iframe{height:760px}.quiz-purchase .button{width:100%}}