.c-introduction-quiz{border:1px solid var(--ink);background:var(--white);margin:54px 0 0;box-shadow:0 14px 34px #10231f1a}.c-introduction-quiz>header{border-bottom:1px solid var(--line);padding:32px}.c-introduction-quiz>header>span{color:#6d8413;letter-spacing:.1em;font-size:9px;font-weight:850}.c-introduction-quiz h2{letter-spacing:-.05em;max-width:610px;margin:10px 0;font-size:clamp(29px,4vw,42px);line-height:1.02}.c-introduction-quiz header p{max-width:680px;color:var(--muted);margin:0;font-size:12px;line-height:1.65}.c-introduction-question-list{grid-template-columns:1fr 1fr;display:grid}.c-introduction-question-list fieldset{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;margin:0;padding:25px}.c-introduction-question-list fieldset:nth-child(2n){border-right:0}.c-introduction-question-list fieldset:last-child{border-right:0;grid-column:1/-1}.c-introduction-question-list fieldset.correct{background:#f1f9db}.c-introduction-question-list fieldset.review{background:#fff3ee}.c-introduction-question-list legend{width:100%;color:var(--ink);grid-template-columns:32px 1fr;gap:9px;padding:0;font-size:14px;font-weight:800;line-height:1.45;display:grid}.c-introduction-question-list legend span{color:#82908a;font:10px var(--font-geist-mono), monospace}.c-introduction-question-list fieldset>div{gap:8px;margin-top:18px;display:grid}.c-introduction-question-list label{border:1px solid var(--line);background:var(--field);color:var(--ink);cursor:pointer;align-items:flex-start;gap:9px;padding:10px;font-size:11px;line-height:1.5;display:flex}.c-introduction-question-list label:hover{border-color:#8ca52b}.c-introduction-question-list label:has(input:checked){border-color:var(--accent-ink);background:var(--lime);color:var(--accent-ink);font-weight:750}.c-introduction-question-list input{accent-color:var(--accent-ink);margin-top:2px}.c-introduction-question-list fieldset>p{color:var(--muted);margin:16px 0 0;font-size:10px;line-height:1.6}.c-introduction-question-list fieldset.correct>p{color:#47600e}.c-introduction-question-list fieldset.review>p{color:#91442f}.c-introduction-quiz>footer{justify-content:space-between;align-items:center;gap:18px;padding:22px 28px;display:flex}.c-introduction-quiz>footer>div{flex-wrap:wrap;gap:8px;display:flex}.c-introduction-quiz button{border:1px solid var(--accent-ink);background:var(--lime);color:var(--accent-ink);cursor:pointer;box-shadow:3px 3px 0 var(--accent-ink);align-items:center;gap:6px;padding:10px 12px;font-size:10px;font-weight:850;display:inline-flex}.c-introduction-quiz button.secondary{border-color:var(--line);background:var(--white);color:var(--ink)}.c-introduction-quiz button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.c-introduction-quiz footer>strong{text-align:right;max-width:320px;font-size:10px;line-height:1.5}.c-introduction-quiz .perfect{color:#597210}.c-introduction-quiz .needs-review{color:#9b4631}html[data-theme=dark] .c-introduction-quiz{border-color:var(--line);box-shadow:0 14px 34px #00000038}html[data-theme=dark] .c-introduction-quiz>header>span{color:var(--lime-deep)}html[data-theme=dark] .c-introduction-question-list fieldset.correct{background:#213a1d}html[data-theme=dark] .c-introduction-question-list fieldset.review{background:#3e241d}html[data-theme=dark] .c-introduction-question-list fieldset.correct>p,html[data-theme=dark] .c-introduction-quiz .perfect{color:#d7efa0}html[data-theme=dark] .c-introduction-question-list fieldset.review>p,html[data-theme=dark] .c-introduction-quiz .needs-review{color:#ffd2c2}@media (max-width:680px){.c-introduction-quiz>header{padding:25px}.c-introduction-question-list{grid-template-columns:1fr}.c-introduction-question-list fieldset,.c-introduction-question-list fieldset:nth-child(2n),.c-introduction-question-list fieldset:last-child{border-right:0;grid-column:auto}.c-introduction-quiz>footer{flex-direction:column;align-items:stretch;padding:20px}.c-introduction-quiz>footer>div{grid-template-columns:1fr 1fr;display:grid}.c-introduction-quiz button{justify-content:center}.c-introduction-quiz footer>strong{text-align:left;max-width:none}}
