.quiz-page{background:var(--bg-standard)}.quiz-page .page-head{padding:32px var(--container-pad) 0;background:0 0}.quiz-page .page-head .inner{max-width:720px}.quiz-page .quiz-area-note{padding:16px var(--container-pad) 0}.quiz-page .quiz-area-note .inner{max-width:720px;margin:0 auto}.quiz-page .quiz-area-note p{font:var(--type-body-sm);color:var(--text-label);margin:0}.quiz-page .progress{padding:24px var(--container-pad) 16px;background:0 0}.quiz-page .progress .inner{align-items:center;gap:16px;max-width:720px;margin:0 auto;display:flex}.quiz-page .progress .label{font:var(--fw-bold) 13px/1.4 var(--font-base);color:var(--text-label);letter-spacing:var(--ls-wide);flex:none}.quiz-page .progress .dots{flex:1;align-items:center;gap:0;display:flex}.quiz-page .progress .dot{border-radius:var(--radius-full);background:var(--white);border:2px solid var(--gray-300);width:14px;height:14px;transition:all var(--duration-fast) var(--ease-standard);flex:none}.quiz-page .progress .dot.active,.quiz-page .progress .dot.done{background:var(--primary);border-color:var(--primary)}.quiz-page .progress .line{background:var(--gray-300);min-width:24px;height:2px;transition:background var(--duration-fast) var(--ease-standard);flex:1;margin:0 4px}.quiz-page .progress .line.done{background:var(--primary)}.quiz-page .quiz{padding:32px var(--container-pad) 48px}.quiz-page .quiz .inner{max-width:720px;margin:0 auto}.quiz-page .quiz-card{background:var(--white);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:40px}.quiz-page .quiz .step-eyebrow{font:var(--fw-bold) 12px/1.4 var(--font-base);color:var(--primary);letter-spacing:var(--ls-wide);margin-bottom:12px;display:inline-block}.quiz-page .quiz .heading{font:var(--fw-bold) 28px/1.5 var(--font-base);color:var(--text-heading);letter-spacing:var(--ls-tight);margin:0 0 12px}.quiz-page .quiz .subtext{font:var(--type-body);color:var(--text-label);margin:0 0 32px}.quiz-page .choices{flex-direction:column;gap:12px;display:flex}.quiz-page .choice{background:var(--white);border:1px solid var(--border-default);border-radius:var(--radius-sm);font:var(--fw-bold) 16px/1.5 var(--font-base);color:var(--text-heading);text-align:left;cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);justify-content:space-between;align-items:center;gap:16px;width:100%;padding:20px 24px;display:flex}.quiz-page .choice:hover{border-color:var(--primary);background:var(--primary-subtle)}.quiz-page .choice:focus-visible{outline:var(--border-w-medium) solid var(--border-focus);outline-offset:2px}.quiz-page .choice .choice-go{color:var(--gray-400);transition:color var(--duration-fast) var(--ease-standard);flex:none;align-items:center;display:flex}.quiz-page .choice:hover .choice-go{color:var(--primary)}.quiz-page .choice .choice-note{font:var(--fw-regular) 13px/1.4 var(--font-base);color:var(--text-label);margin-top:4px;display:block}.quiz-page .quiz-nav{max-width:720px;padding:0 var(--container-pad);justify-content:space-between;align-items:center;margin:24px auto 0;display:flex}.quiz-page .back-btn{color:var(--text-link);cursor:pointer;font:var(--fw-medium) 14px/1.4 var(--font-base);background:0 0;border:none;align-items:center;gap:6px;padding:10px 16px;text-decoration:none;display:inline-flex}.quiz-page .back-btn:hover{color:var(--text-link-hover)}.quiz-page .back-btn:disabled{color:var(--text-disabled);cursor:not-allowed}.quiz-page .quiz-help{font:var(--type-body-sm);color:var(--text-label)}.quiz-page .quiz-help a{color:var(--text-link);text-decoration:none}.quiz-page .quiz-help a:hover{text-decoration:underline}@media (max-width:768px){.quiz-page .quiz-card{padding:28px 20px}.quiz-page .quiz .heading{font-size:22px}.quiz-page .choice{padding:18px 20px;font-size:15px}.quiz-page .progress .label{font-size:12px}}