.msiq-quiz{max-width:800px;margin:0 auto;padding:20px;font-family:inherit;position:relative}
.msiq-progress{background:#eee;border-radius:10px;height:8px;margin-bottom:24px;overflow:hidden}
.msiq-progress-bar{background:#0073aa;height:100%;border-radius:10px;transition:width .3s}
.msiq-step-title{font-size:1.5em;margin-bottom:8px}
.msiq-step-desc{color:#666;margin-bottom:16px}
.msiq-required-badge{display:inline-block;background:#c00;color:#fff;font-size:11px;padding:2px 8px;border-radius:10px;margin-bottom:12px}
.msiq-options-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}
.msiq-option{border:3px solid #ddd;border-radius:8px;cursor:pointer;text-align:center;overflow:hidden;transition:border-color .2s,transform .2s;position:relative;display:flex;flex-direction:column;align-items:center}
.msiq-checkbox{position:absolute;top:8px;right:8px;z-index:2;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}
.msiq-option:hover{border-color:#0073aa;transform:translateY(-2px)}
.msiq-option.selected{border-color:#0073aa;box-shadow:0 0 0 2px #0073aa}
.msiq-option img{display:block;margin:0 auto}
.msiq-option-label{display:block;padding:8px;font-weight:600;font-size:14px;box-sizing:border-box;width:100%;max-width:100%;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;word-break:normal;hyphens:auto}
.msiq-input{width:100%;padding:12px;border:2px solid #ddd;border-radius:6px;font-size:16px;box-sizing:border-box}
.msiq-input:focus{border-color:#0073aa;outline:none}
.msiq-textarea{resize:vertical}
.msiq-nav{display:flex;justify-content:space-between;margin-top:24px;gap:12px}
.msiq-nav button{padding:12px 32px;border:none;border-radius:6px;font-size:16px;cursor:pointer;font-weight:600}
.msiq-prev{background:#eee;color:#333}
.msiq-next,.msiq-submit{background:#0073aa;color:#fff}
.msiq-next:hover,.msiq-submit:hover{background:#005a87}
.msiq-success{text-align:center;padding:40px}
.msiq-error{font-size:14px}
@media(max-width:600px){
.msiq-quiz{padding:12px}
.msiq-step-title{font-size:1.2em}
.msiq-options-grid{gap:10px}
.msiq-option{width:calc(50% - 10px)!important;min-width:0!important;max-width:none!important;margin:0!important;padding:6px!important;box-sizing:border-box}
.msiq-option img{width:100%!important;max-height:none!important;height:auto!important}
.msiq-option-label{font-size:13px;padding:6px 4px;overflow-wrap:break-word;word-break:normal}
.msiq-nav button{padding:10px 20px;font-size:14px}
}
@media(max-width:380px){
.msiq-option{width:100%!important;flex-direction:row;gap:8px}
.msiq-option img{width:60px!important;flex-shrink:0}
.msiq-option-label{text-align:left;font-size:13px}
}