.qc{display:flex;flex-direction:column;gap:12px;padding:20px;background:#2f4f6f;border:2.5px solid #1e1e1e;box-shadow:3px 3px 0 #1e1e1e;color:#f7f9fb;scroll-margin-top:16px}.qc-body,.qc-caption{font-family:var(--font-plus-jakarta-bold);font-weight:700}.qc-bold,.qc-label,.qc-title{font-family:var(--font-plus-jakarta-extra);font-weight:800}.qc-body,.qc-bold{font-size:16px;line-height:24px}.qc-label{font-size:15px;line-height:20px}.qc-caption{font-size:13px;line-height:18px}.qc-title{margin:0;font-size:20px;line-height:26px}.qc-muted{color:#a8c8e0}.qc-cta{color:#3ddc97}.qc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.qc-link{display:inline-block;padding-block:4px}.qc-pill{display:flex;align-items:center;padding:2px 12px;background:#2f4f6f;border:2px solid #1e1e1e;border-radius:999px}.qc-level{color:#1e1e1e}.qc-easy{background:#3ddc97}.qc-medium{background:#ffd93d}.qc-hard{background:#ff6b6b}.qc-choices{display:grid;gap:8px;margin:0;padding:0;list-style:none}.qc-choice{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 12px;background:#396088;border:2px solid #1e1e1e;border-radius:14px;color:inherit;font:inherit;text-align:left;cursor:pointer}.qc-choice:hover{opacity:.9}.qc-choice:after,.qc-choice>span{position:relative}.qc-letter{color:#3ddc97}.qc-choice-text{flex:1 1}.qc-choice[data-state=correct]{background:#3ddc97}.qc-choice[data-state=wrong]{background:#ff6b6b}.qc-choice[data-state=correct] *,.qc-choice[data-state=wrong] *{color:#1e1e1e}.qc-choice[data-state=dim]{opacity:.6;cursor:default}.qc[data-given] .qc-choice[data-share]:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--share);background:#1e1e1e;opacity:.18}.qc[data-given] .qc-choice[data-share]:after{content:attr(data-share) " %";font-family:var(--font-plus-jakarta-extra);font-weight:800;font-size:15px;line-height:20px;color:#a8c8e0;white-space:nowrap}.qc[data-given] .qc-choice[data-state=correct]:after,.qc[data-given] .qc-choice[data-state=wrong]:after{color:#1e1e1e}.qc-answer{display:flex;flex-direction:column;gap:4px;padding-top:8px}.qc-figure{margin:0}.qc-frame{display:flex;width:-moz-fit-content;width:fit-content;max-width:min(400px,100%);margin:0 auto;overflow:hidden;background:#2f4f6f;border:2px solid #1e1e1e;border-radius:14px}.qc-frame img{display:block;width:auto;height:auto;min-width:1px;min-height:1px;max-width:100%;max-height:225px}.qc-figure figcaption{margin-top:6px;text-align:center}.qc-figure figcaption a{text-decoration:underline}