.accordion{background:var(--blue-dark);color:#fff;cursor:pointer;padding:14px 16px;width:100%;border:none;text-align:left;outline:none;font-size:16px;border-radius:8px;margin:10px 0 6px;transition:background .2s ease,color .2s ease}.accordion:hover{color:#ff3}.accordion.active{background:var(--blue-dark-hover)}.panel{display:none;background:var(--panel-bg);border:1px solid #e2e8f0;border-radius:8px;padding:12px;margin-bottom:8px}input[type=number].invalid{border-color:var(--error);box-shadow:0 0 0 2px #fecaca}.qerror{color:var(--error);font-size:13px;margin-top:4px}.secerror{color:var(--error);font-size:14px;margin-top:8px}.score-pill{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--pill);font-size:12px;margin-left:8px}.tip{background:#ecfeff;border:1px solid #bae6fd;padding:10px;border-radius:8px;margin:8px 0}.badge{display:inline-block;font-size:12px;padding:2px 8px;border-radius:999px;background:#eef2ff;color:#3730a3;margin-left:8px}.legend-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin:8px 0}.legend-item{background:#fff;border:1px solid #e2e8f0;padding:8px;border-radius:8px}