.question-demo-container{width:100%;max-width:100%;margin:0}.question-demo-panel{background-color:#fff;border-radius:20px;padding:30px 40px;box-shadow:0 10px 40px #0003;box-sizing:border-box}.question-demo-content{min-height:400px}.question-demo-display{margin:20px 0 30px;font-size:32px;font-weight:400;border-radius:10px;background-color:#f5f5f5;padding:20px 25px;color:#333;line-height:1.4}.question-demo-buttons{display:flex;flex-direction:column;gap:12px;max-width:500px;margin:0 auto 20px}.question-demo-button{width:100%;text-align:left;font-size:24px;border:none;background:#f5f5f5;padding:15px 20px;border-radius:10px;cursor:pointer;transition:all .3s ease;color:#333;font-family:Commissioner,sans-serif}.question-demo-button:hover{background-color:#e8e8e8;transform:translate(5px)}.question-demo-button.selected.approve,.question-demo-button.selected.approve:hover{background-color:#54e154;color:#fff}.question-demo-button.selected.no-opinion,.question-demo-button.selected.no-opinion:hover{background-color:#ffcb00;color:#333}.question-demo-button.selected.reject,.question-demo-button.selected.reject:hover{background-color:#ff5454;color:#fff}.question-demo-weight{width:100%;text-align:left;font-size:18px;padding:15px 20px;border-radius:10px;max-width:500px;margin:0 auto;color:#666}.question-demo-weight input{width:24px;height:24px;cursor:not-allowed;opacity:.5}.question-demo-weight label{vertical-align:top;padding-top:2px;padding-left:10px;cursor:default}.question-demo-panel{background-color:#f8f7ff}.question-demo-display{background-color:#f0eeff}.question-demo-button{background:#f0eeff}.question-demo-button:hover{background-color:#e5e1ff}[data-theme=dark] .question-demo-panel{background-color:#201a35;box-shadow:0 10px 40px #0006}[data-theme=dark] .question-demo-display{background-color:#2e254a;color:#e0e0e0}[data-theme=dark] .question-demo-button{background:#2e254a;color:#e0e0e0}[data-theme=dark] .question-demo-button:hover{background-color:#3e3264}[data-theme=dark] .question-demo-weight{color:#b0b0b0}.question-demo-disclaimer{margin-top:20px;font-size:12px;color:#fffc;text-align:left;font-style:italic;line-height:1.5;padding:0 20px;display:flex;align-items:flex-start;gap:8px}.disclaimer-icon{font-size:14px;margin-top:2px;flex-shrink:0;opacity:.9}@media only screen and (max-width:768px){.question-demo-container{margin:30px auto 0}.question-demo-panel{padding:25px 20px;border-radius:16px}.question-demo-display{font-size:24px;padding:15px 20px;margin:15px 0 25px}.question-demo-button{font-size:20px;padding:12px 18px}.question-demo-weight{font-size:16px;padding:12px 18px}.question-demo-content{min-height:350px}.question-demo-disclaimer{font-size:11px;padding:0 15px;color:#ffffffbf}}@media only screen and (max-width:480px){.question-demo-panel{padding:20px 15px}.question-demo-display{font-size:20px;padding:12px 15px}.question-demo-button{font-size:18px;padding:10px 15px}.question-demo-content{min-height:300px}.question-demo-disclaimer{font-size:10px;padding:0 10px;color:#ffffffb3}}
