.quiz-setup { padding: clamp(20px, 4vw, 36px); color: #142033; background: #fff; }
.quiz-setup h2 { margin: 0 0 12px; font-size: 1.65rem; }
.quiz-setup p { line-height: 1.6; }
.quiz-setup-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 24px; }
.quiz-setup label { display: grid; gap: 8px; font-weight: 700; }
.quiz-setup select { width: 100%; min-height: 48px; padding: 12px; border: 1px solid #8996a5; border-radius: 10px; background: #fff; color: #142033; font: inherit; }
.quiz-setup :focus-visible { outline: 3px solid #9c6500; outline-offset: 3px; }
.quiz-setup button { min-height: 48px; }
.quiz-setup button:disabled { opacity: .6; cursor: not-allowed; }
#quiz-panel [hidden] { display: none !important; }
@media (max-width: 600px) { .quiz-setup-fields { grid-template-columns: 1fr; } .quiz-setup button { width: 100%; } }