.question-feedback {
    box-sizing: border-box; width: 100%; max-width: 1100px; margin: 1rem auto 0;
    border: 1px solid #dce3eb; border-radius: 14px; background: #fff; color: #0f172a;
    box-shadow: 0 8px 24px -20px rgba(15,23,42,.3);
}
.question-feedback summary { display: flex; align-items: center; gap: .85rem; cursor: pointer; padding: 1rem 1.2rem; font-size: .9rem; font-weight: 750; list-style: none; }
.question-feedback summary::-webkit-details-marker { display: none; }
.question-feedback summary::after { content: '+'; margin-left: auto; font-size: 1.3rem; font-weight: 400; }
.question-feedback[open] summary::after { content: '−'; }
.question-feedback-form { display: grid; gap: .6rem; padding: 0 1.2rem 1.2rem; }
.question-feedback-form label { font-size: .85rem; font-weight: 600; }
.question-feedback-form select, .question-feedback-form textarea { box-sizing: border-box; width: 100%; border: 1px solid #cbd5e1; border-radius: 7px; padding: .65rem; background: #fff; color: #0f172a; font: inherit; font-size: 1rem; }
.question-feedback-form textarea { resize: vertical; min-height: 80px; }
.question-feedback button { justify-self: start; padding: .6rem .85rem; border: 1px solid #0b1930; border-radius: 7px; color: #fff; background: #0b1930; font: inherit; font-size: .85rem; cursor: pointer; }
.question-feedback button:disabled { opacity: .65; cursor: default; }
.question-feedback [data-feedback-status] { margin: 0; font-size: .85rem; }
.question-feedback summary:focus-visible, .question-feedback button:focus-visible { outline: 2px solid #2563eb; outline-offset: 3px; }
@media(max-width:768px) { .question-feedback summary { padding: .9rem; } .question-feedback-form { padding: 0 .9rem .9rem; } }