.diagnostic-quiz{background-color:#e7ecdf;border:1px solid #d9dfd4;border-radius:10px;width:90%;max-width:700px;margin:40px auto;padding:30px}.diagnostic-quiz h1{text-align:center;color:#333;margin-bottom:25px;font-size:1.8rem}.quiz-step{background-color:#fff;border-radius:8px;padding:25px}.quiz-step h3{color:#555;margin-bottom:15px;font-size:1.4rem}.quiz-step p{color:#666;margin-bottom:20px;font-size:1.1rem}.quiz-step select,.quiz-step input[type=text],.quiz-step input[type=number]{color:#333;background-color:#fff;border:1px solid #ccc;border-radius:5px;width:100%;margin-bottom:20px;padding:12px;font-size:1rem}.quiz-step select:focus,.quiz-step input[type=text]:focus,.quiz-step input[type=number]:focus{border-color:#183e32;outline:none}.checkbox-group{flex-wrap:wrap;align-items:center;margin-bottom:15px;display:flex}.checkbox-group input[type=checkbox]{margin-right:12px;transform:scale(1.2)}.checkbox-group label{color:#444;flex:200px;font-size:1rem}.navigation-buttons{flex-wrap:wrap;justify-content:space-between;margin-top:20px;display:flex}.navigation-buttons button{color:#fff;cursor:pointer;background-color:#183e32;border:none;border-radius:5px;min-width:120px;margin:5px 0;padding:10px 25px;font-size:1rem;transition:background-color .3s}.navigation-buttons button:hover:not([disabled]){background-color:#295340}.navigation-buttons button[disabled]{cursor:not-allowed;background-color:#ccc}.cost-breakdown,.explanations{margin-bottom:20px;padding-left:20px;list-style-type:disc}.cost-breakdown li,.explanations li{color:#444;margin-bottom:10px;font-size:1rem}.total-cost{text-align:center;background-color:#e7ecdf;border-radius:6px;margin-top:20px;padding:15px}.total-cost h2{color:#183e32;font-size:1.8rem}.result-button{color:#fff;cursor:pointer;background-color:#183e32;border:none;border-radius:5px;margin:30px auto 0;padding:10px 20px;font-size:1rem;transition:background-color .3s;display:block}.result-button:hover{background-color:#295340}@media (max-width:600px){.diagnostic-quiz,.quiz-step{padding:20px}.diagnostic-quiz h1{font-size:1.6rem}.quiz-step h3{font-size:1.2rem}.quiz-step p,.cost-breakdown li,.explanations li{font-size:1rem}.navigation-buttons{flex-direction:column;align-items:stretch}.navigation-buttons button{width:100%;margin:5px 0}.checkbox-group label{flex:100%}}