.sorting-quiz{margin-block:1.5rem}.sorting-quiz-panel{border:1px solid var(--scene-border);background:var(--scene-surface);color:var(--scene-ink);border-radius:12px;margin-top:1rem;padding:clamp(1rem,3vw,1.5rem)}.sorting-quiz-panel[hidden]{display:none}.sorting-quiz-panel h2{overflow-wrap:anywhere;margin:1rem 0;font-size:clamp(1.125rem,2vw,1.4rem);line-height:1.5}.sorting-quiz-panel p{line-height:1.6}.sorting-quiz-kicker,.sorting-quiz-note{color:var(--scene-muted);font-size:1rem}.sorting-quiz-panel fieldset{border:0;min-width:0;margin:0;padding:0}.sorting-quiz-panel legend{color:var(--scene-muted);margin-bottom:.75rem}.sorting-quiz-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.sorting-quiz-options button{border:1px solid var(--scene-border);min-height:48px;color:var(--scene-ink);background:var(--scene-raised);font:inherit;cursor:pointer;overflow-wrap:anywhere;border-radius:8px;padding:.75rem}.sorting-quiz-options button:hover,.sorting-quiz-options button[aria-pressed=true]{border-color:var(--scene-accent);background:var(--scene-selected)}.sorting-quiz button:focus-visible,.sorting-quiz h2:focus{outline:2px solid var(--scene-accent);outline-offset:4px}.sorting-quiz-feedback{color:var(--scene-ink);margin-top:1rem}.sorting-quiz-feedback:has(p){border-inline-start:2px solid var(--scene-accent);background:var(--scene-selected);border-radius:0 8px 8px 0;padding:.75rem 1rem}.sorting-quiz-feedback p{margin:0}.sorting-quiz-feedback p+p{margin-top:.5rem}.sorting-quiz-actions{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.sorting-quiz .button{white-space:normal;height:auto;min-height:48px}@media (max-width:420px){.sorting-quiz-actions>button{width:100%}}