.quiz-shell{display:grid;gap:1rem;max-width:1000px;margin:0 auto}.quiz-heading h2{margin:.25rem 0}.quiz-config{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;padding:1rem;border:1px solid var(--border,#d8dde6);border-radius:1rem;background:var(--surface,#fff)}.quiz-config label,.quiz-answer-label{display:grid;gap:.35rem;font-size:.9rem}.quiz-config select,.quiz-answer-label input,.quiz-answer-label textarea{min-height:44px;width:100%;font:inherit;padding:.65rem;border:1px solid var(--border,#c8ced8);border-radius:.65rem;background:var(--surface,#fff);color:inherit}.primary-button,.quiz-nav button,.quiz-feedback button{min-height:44px;padding:.65rem 1rem;border-radius:.7rem;border:1px solid var(--border,#bbb);font:inherit;cursor:pointer}.quiz-config .primary-button{align-self:end}.quiz-card{display:grid;gap:1rem;padding:1rem;border:1px solid var(--border,#d8dde6);border-radius:1rem;background:var(--surface,#fff);overflow-wrap:anywhere}.quiz-meta{display:flex;gap:.45rem;flex-wrap:wrap;font-size:.78rem}.quiz-meta span{padding:.2rem .5rem;border-radius:999px;background:var(--surface-2,#eef2f7)}.quiz-options{display:grid;gap:.6rem;border:0;padding:0;margin:0}.quiz-option{display:flex;align-items:flex-start;gap:.65rem;padding:.75rem;border:1px solid var(--border,#d8dde6);border-radius:.75rem;cursor:pointer}.quiz-option input{margin-top:.2rem}.quiz-actions,.quiz-nav{display:flex;gap:.6rem;justify-content:space-between;margin-top:.8rem}.quiz-feedback{margin-top:.8rem;padding:.85rem;border-radius:.75rem;border:1px solid var(--border,#d8dde6)}.quiz-feedback.is-correct{border-color:currentColor}.quiz-feedback p{margin:.35rem 0}.quiz-empty{padding:1rem;border:1px dashed var(--border,#bbb);border-radius:.8rem}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.quiz-config{grid-template-columns:1fr 1fr}}@media(max-width:420px){.quiz-config{grid-template-columns:1fr}.quiz-actions,.quiz-nav{flex-wrap:wrap}.quiz-nav button{flex:1 1 8rem}}@media(prefers-reduced-motion:reduce){.quiz-shell *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}