/* Упражняване върху публичен тест: допълва quiz.css и q/join.css */
.pgo{width:100%;min-height:54px;font-size:18px;border-radius:14px;box-shadow:0 4px 0 var(--acc-h);margin-top:6px}
body.jintro #qintro .pgo{margin-top:14px}
.qo.lock{cursor:default}
.qo.lock:hover{border-color:var(--line)}
.qo.ok{border-color:var(--ok);background:var(--soft);box-shadow:0 0 0 1px var(--ok) inset}
.qo.ok .qk{background:var(--ok);color:#fff}
.qo.bad{border-color:var(--bad);background:var(--bad-soft);box-shadow:0 0 0 1px var(--bad) inset}
.qo.bad .qk{background:var(--bad);color:#fff}
.qo.bad::after{border-color:var(--bad);background:var(--bad) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E") center/14px no-repeat}
.qo.ok::after{border-color:var(--ok);background:var(--ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' d='M5.5 12.5l4.2 4.2 8.8-9'/%3E%3C/svg%3E") center/15px no-repeat}
.pfb{margin:12px 0 0;font-weight:700}.pfb.ok{color:var(--ok)}.pfb.bad{color:var(--bad)}
.pmh{font-size:18px;margin:18px 0 10px}
#qdone .pgo{margin-top:16px}
/* отметка след отговор: пред стила „избрано“ от quiz.css */
.qo.ok:has(input:checked),.qo.ok{border-color:var(--ok);background:var(--soft);box-shadow:0 0 0 1px var(--ok) inset;animation:none}
.qo.bad:has(input:checked){border-color:var(--bad);background:var(--bad-soft);box-shadow:0 0 0 1px var(--bad) inset}
.qo.ok:has(input:checked) .qk,.qo.ok .qk{background:var(--ok);color:#fff}
.qo.bad:has(input:checked) .qk{background:var(--bad);color:#fff}
.qo.bad:has(input:checked)::after{border-color:var(--bad);background:var(--bad) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E") center/14px no-repeat}
.qo.ok:has(input:checked)::after{border-color:var(--ok)}

.qpr{display:block;margin-top:14px;text-align:center;color:var(--green);font-weight:600;text-decoration:none}.qpr:hover{text-decoration:underline}