.questionnaire-container{display:flex;flex-direction:column;height:90vh;width:100%;max-width:800px;background-color:rgba(236,236,236,.7);border:1px solid grey;border-radius:20px;overflow:hidden}.questionnaire-header{flex:0 0 auto;padding:20px 10px 0;color:black;text-align:center}.questionnaire-header-title{font-size:1.5rem;font-weight:700}.questionnaire-header-subtitle{font-size:.95rem;margin-top:8px;line-height:1.5}.questionnaire-header-subtitle .subtitle-break{display:block}@media (min-width:640px){.questionnaire-header-subtitle{font-size:1rem}.questionnaire-header-subtitle .subtitle-break{display:inline}}.questionnaire-body{flex:1 1 auto;margin:10px;color:black;background-color:white;overflow-y:scroll;padding:20px;box-shadow:inset 0 0 6px rgba(0,0,0,.1)}.questionnaire-body::-webkit-scrollbar{width:6px}.questionnaire-body::-webkit-scrollbar-thumb{background-color:rgb(193,193,193);border-radius:50px;width:12px}.questionnaire-body::-webkit-scrollbar-track{background-color:rgb(109,109,109);border-radius:6px}.questionnaire-section{margin-bottom:32px}.section-title{font-size:1.25rem;font-weight:700;color:#144191;margin-bottom:8px;padding-bottom:8px;border-bottom:2px solid #144191}.section-description{font-size:.9rem;color:#555;margin-bottom:16px;line-height:1.5}.question-item{margin-bottom:20px}.question-label{display:block;font-size:1rem;font-weight:600;color:#333;margin-bottom:6px}.required-mark{color:#e53e3e;margin-left:4px}.question-description{font-size:.85rem;color:#666;margin-bottom:8px;line-height:1.4}.question-input,.question-textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.question-input:focus,.question-textarea:focus{outline:none;border-color:#144191;box-shadow:0 0 0 3px rgba(20,65,145,.1)}.question-textarea{resize:vertical;min-height:80px}.question-input::placeholder,.question-textarea::placeholder{color:#9ca3af}.validation-error{font-size:.85rem;color:#e53e3e;margin-top:4px}.questionnaire-error{margin:0 20px;padding:12px;background-color:#fef2f2;border:1px solid #fca5a5;border-radius:6px;color:#991b1b;font-size:.9rem}.questionnaire-footer{flex:0 0 auto;display:flex;justify-content:center;align-items:center;padding:15px 20px}.questionnaire-submit-btn{background-color:#144191;color:white;padding:12px 32px;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s;width:100%;max-width:300px}.questionnaire-submit-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.questionnaire-submit-btn:disabled{opacity:.5;cursor:not-allowed}@media (min-width:1024px){.questionnaire-footer{padding:20px}.questionnaire-submit-btn{width:300px}}