.quizoui { max-width: 46rem; margin: 0 auto; }
.quizoui-question { border: 1px solid #d9dde3; border-radius: .5rem; padding: 1rem 1.25rem; margin: 0 0 1rem; }
.quizoui-question legend { float: none; width: auto; padding: 0 .5rem; font-size: 1.05rem; font-weight: 600; }
.quizoui-num { opacity: .6; margin-right: .25rem; }
.quizoui-question.is-missing { border-color: #c0392b; background: rgba(192, 57, 43, .06); }
.quizoui-choices { display: flex; gap: .75rem; }
.quizoui-choices input { position: absolute; opacity: 0; pointer-events: none; }
.quizoui-choices label { cursor: pointer; padding: .45rem 1.5rem; border: 2px solid #b8c0cc; border-radius: 2rem; font-weight: 600; transition: all .15s; }
.quizoui-choices input:checked + label { background: #1f6feb; border-color: #1f6feb; color: #fff; }
.quizoui-choices input:focus-visible + label { outline: 3px solid rgba(31, 111, 235, .45); outline-offset: 2px; }
.quizoui-actions { margin-top: 1.25rem; }
.quizoui-result { margin-top: 1.5rem; }
.quizoui-result-box { border-left: 5px solid #1f6feb; background: rgba(31, 111, 235, .07); padding: 1.25rem 1.5rem; border-radius: .25rem; }
.quizoui-score { font-weight: 700; margin: 0 0 .5rem; }
.quizoui-result-title { margin: 0 0 .5rem; font-size: 1.35rem; }
.quizoui-result-text { white-space: pre-line; }
.quizoui-error { color: #c0392b; font-weight: 600; margin: 0; }
.quizoui-link { margin-top: .5rem; }
.quizoui-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.quizoui-captcha { margin: 1rem 0 0; }