.qcm-intro{max-width:650px}.qcm-box{padding:30px;border:1px solid var(--line);background:var(--white);border-radius:28px;margin:30px 0}.article .qcm-box h2{margin:8px 0 12px;font-size:30px}.article .qcm-box p{line-height:1.65}.qcm-kicker{font-size:12px!important;font-weight:650;color:var(--muted)!important}.qcm-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:25px}.qcm-fields label{font-size:13px;font-weight:600}.qcm-fields select{display:block;width:100%;margin-top:10px;padding:14px 12px;border:1px solid #82947b;border-radius:14px;color:var(--ink);background:var(--paper);font-size:14px}.article .qcm-note{font-size:12px;color:var(--muted);line-height:1.7}.qcm-topline{display:flex;justify-content:space-between;gap:15px;font-size:12px;line-height:1.7;margin-bottom:12px}.qcm-box progress{width:100%;height:7px;accent-color:var(--ink);border:0;margin-bottom:30px;border-radius:999px;overflow:hidden}.qcm-box progress::-webkit-progress-bar{background:var(--mint)}.qcm-box progress::-webkit-progress-value{background:var(--ink)}.qcm-box fieldset{border:0;padding:0;margin:0;min-width:0}.qcm-box legend{font-size:25px;font-weight:600;line-height:1.35;letter-spacing:-.5px;width:100%}.qcm-options{display:grid;gap:12px;margin:20px 0 5px}.qcm-option{display:flex;gap:13px;align-items:start;padding:18px;border:1px solid #a0ad99;border-radius:17px;cursor:pointer;line-height:1.6;font-size:15px}.qcm-option input{accent-color:var(--ink);width:19px;height:19px;flex-shrink:0;margin:3px 0 0}.qcm-option:has(input:checked){border:2px solid var(--ink);padding:17px;background:var(--yellow)}.qcm-option.is-correct{border:2px solid #396b43;padding:17px;background:#e4efd9}.qcm-option.is-wrong{border:2px solid #b5583d;padding:17px;background:#fff0e8}.qcm-text-button{background:none;border:0;color:var(--ink);padding:16px 0;text-decoration:underline;text-underline-offset:4px;font-size:13px;display:block;margin-top:10px}.qcm-feedback{background:var(--mint);border-radius:18px;padding:22px;margin-top:22px}.qcm-feedback.learn{background:#fff0e8}.qcm-feedback h3{margin:0 0 12px;font-size:19px}.qcm-feedback p:last-child{margin-bottom:0}.qcm-breakdown{margin:25px 0;border-top:1px solid var(--line)}.qcm-breakdown>div{display:flex;gap:15px;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.qcm-breakdown strong{white-space:nowrap}.qcm-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0 30px}.article .qcm-actions .primary{margin:0}.qcm-secondary{background:var(--yellow);color:var(--ink);border:1px solid #82947b;padding:18px 24px;border-radius:999px;font-weight:600}.qcm-actions .qcm-text-button{margin:0}.article .qcm-review summary{font-size:15px;line-height:1.65}.qcm-sample{background:var(--mint);border-radius:20px;padding:22px}.qcm-sample h3{font-size:18px;margin-top:0}.qcm-sample p{margin-bottom:0}.qcm-box button,.qcm-box select,.qcm-box input{scroll-margin-top:20px}.qcm-box :focus-visible{outline:3px solid var(--coral);outline-offset:4px}@media(max-width:560px){.qcm-box{padding:20px 16px;border-radius:22px;margin:24px -3px}.qcm-fields{grid-template-columns:1fr}.article .qcm-box h2{font-size:25px}.qcm-box legend{font-size:22px}.qcm-option{font-size:14px;padding:16px}.qcm-option:has(input:checked),.qcm-option.is-correct,.qcm-option.is-wrong{padding:15px}.qcm-topline{font-size:11px}.qcm-feedback{padding:17px}.qcm-actions{align-items:stretch;flex-direction:column}.qcm-actions .qcm-text-button{text-align:center}.qcm-box .primary{max-width:100%;padding:17px 24px}.qcm-fields select{font-size:16px}.qcm-sample{padding:18px}}