.question-form { min-width: 0; margin: 0 0 20px; padding: 17px 20px; border: 1px solid var(--border); border-radius: 10px; background: #fff; }
.question-form > label { display: block; margin-bottom: 8px; font-size: 14px; font-weight: 550; }
.question-entry { display: flex; align-items: center; gap: 12px; }
.question-form textarea { display: block; width: 100%; min-height: 48px; resize: vertical; padding: 8px 12px; border: 1px solid var(--border); border-radius: 6px; background: #f8fafd; color: var(--ink); font: inherit; font-size: 15px; line-height: 1.4; }
.question-form textarea:focus-visible, .question-actions button:focus-visible { outline: 2px solid #47698d; outline-offset: 3px; }
.question-form textarea[aria-invalid="true"] { border-color: #9a3939; }
.question-form > p { margin: 8px 0 0; font-size: 12px; line-height: 1.5; color: var(--muted); }
.question-form .question-status:empty { display: none; }
.question-form .question-status[data-error="true"] { color: #913737; }
.question-actions { display: flex; flex: none; flex-wrap: wrap; align-items: center; gap: 8px; }
.question-actions button { min-height: 40px; padding: 8px 13px; }
.question-actions [type="submit"] { color: #fff; background: #334d6c; border-color: #334d6c; }
.question-actions button:disabled { opacity: .65; cursor: wait; }
.question-actions [aria-pressed="true"] { background: #e8eef5; border-color: #7288a0; }
@media (min-width: 900px) { #compare > .question-form { grid-row: 2; grid-column: 1 / -1; } }
@media (max-width: 700px) { .question-entry { display: grid; gap: 9px; } .question-form { padding: 15px 16px; } .question-form textarea { font-size: 16px; } .question-actions button { min-height: 44px; } }