.question-report { display: grid; gap: 18px; margin-top: 24px; }
.question-report label { display: grid; gap: 7px; font-weight: 600; font-size: var(--text-ui); }
.question-report input, .question-report textarea {
  width: 100%; min-width: 0; padding: 12px 14px; border: 1.5px solid var(--line-strong); border-radius: var(--r);
  background: var(--surface); color: var(--ink); font: 400 var(--text-ui)/1.55 var(--font-body);
}
.question-report textarea { min-height: 130px; resize: vertical; }
.question-report .report-output { min-height: 280px; font-family: var(--font-mono); font-size: var(--text-mono); }
.question-report input:focus-visible, .question-report textarea:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
.question-report .report-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.question-report .report-help { margin: 0; font-size: var(--text-sm); color: var(--ink-2); }
.report-metadata { display: grid; grid-template-columns: max-content 1fr; gap: 7px 16px; margin-block: 18px; font-size: var(--text-ui); }
.report-metadata dt { color: var(--ink-2); }
.report-metadata dd { margin: 0; overflow-wrap: anywhere; font-family: var(--font-mono); font-size: var(--text-mono); }
.report-status { min-height: 1.5em; }
