.ox-quiz-h, .ox-quiz-q { margin: .3em 0 .6em; font-size: clamp(1.2rem, 3.4vw, 1.6rem); }
.ox-quiz-opts { display: grid; gap: 10px; margin: 12px 0; }
.ox-quiz-opt { min-height: 50px; padding: 10px 16px; text-align: left; border-radius: 14px; border: 2px solid var(--line); background: var(--surface-2); color: var(--text); font: 700 1rem var(--font); cursor: pointer; transition: transform .15s, border-color .2s, background .2s; }
.ox-quiz-opt:hover, .ox-quiz-opt:focus-visible { border-color: var(--accent); background: color-mix(in srgb, var(--accent) 10%, var(--surface)); transform: translateX(3px); }
.ox-quiz .ox-progress { margin-bottom: 8px; }
.ox-pq-bars { display: grid; gap: 14px; margin: 16px 0; }
.ox-pq-head { display: flex; justify-content: space-between; margin-bottom: 4px; }
.ox-pq-bar p { margin: 4px 0 0; }