.cq-quiz{--cq-ink:#172c35;--cq-teal:#087e8b;max-width:900px;margin:32px auto;padding:clamp(16px,4vw,40px);background:#f3f7f7;border:1px solid #dce7e8;border-radius:20px;color:var(--cq-ink);font-family:system-ui,sans-serif;line-height:1.6}.cq-quiz *{box-sizing:border-box}.cq-kicker{font-size:12px;font-weight:800;letter-spacing:2px;color:#08717b}.cq-heading h2{font-size:clamp(26px,4vw,38px);line-height:1.2;margin:8px 0 12px}.cq-heading p,.cq-hint{color:#52656c}.cq-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:#fff;border:1px solid #dce7e8;border-radius:12px;padding:18px 8px;margin:24px 0}.cq-stats div{text-align:center}.cq-stats strong{display:block;font-size:26px;color:#08717b}.cq-stats span{font-size:12px}.cq-card{min-width:0;margin:24px 0;padding:24px;background:#fff;border:1px solid #dce7e8;border-radius:12px}.cq-card legend{padding:0 8px;color:#52656c;font-size:13px;font-weight:700}.cq-card h3{font-size:20px;line-height:1.5;margin:0 0 8px;white-space:pre-wrap}.cq-option{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;border:2px solid #dce7e8;border-radius:9px;padding:14px 16px;margin:10px 0;cursor:pointer}.cq-option input{flex-shrink:0;accent-color:#087e8b;width:18px;height:18px}.cq-option span{flex:1;white-space:pre-wrap;overflow-wrap:anywhere}.cq-option small{font-weight:700}.cq-option:focus-within{outline:3px solid #087e8b;outline-offset:2px}.cq-option:has(input:checked){border-color:#087e8b}.cq-option.cq-correct{background:#ecf9f0;border-color:#25824d}.cq-option.cq-wrong{background:#fff0ee;border-color:#b34132}.cq-detail{flex-basis:100%;margin:0;font-size:14px;white-space:pre-wrap}.cq-feedback{margin:16px 0;font-weight:600;white-space:pre-wrap}.cq-quiz button{border:0;border-radius:8px;padding:12px 20px;background:#08717b;color:#fff;font:inherit;font-weight:700;cursor:pointer}.cq-quiz button:focus-visible{outline:3px solid #172c35;outline-offset:3px}.cq-quiz button:disabled{background:#52656c;cursor:default}.cq-quiz .cq-reset{background:transparent;border:1px solid #52656c;color:#172c35}.cq-editor-card{background:#f6f8fa;border:1px solid #ccd0d4;padding:20px;margin:16px 0}.cq-editor-card label{display:block;margin:10px 0}.cq-editor-card textarea{display:block;width:100%;margin:4px 0}.cq-editor-answer{border-left:3px solid #087e8b;padding:4px 16px;margin:12px 0}.cq-editor-card .button{margin:4px}.cq-editor-card input[type=checkbox]{margin-right:8px}@media(max-width:480px){.cq-card{padding:16px}.cq-stats{grid-template-columns:repeat(2,1fr)}.cq-option{padding:12px}}