/* Always available feedback; optional detail uses the established native disclosure. */
.feedback-utility { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; column-gap:1rem; border-bottom:1px solid var(--border-soft); padding-block:.35rem; }
.feedback-utility p { margin:0; font-size:.78rem; }
.feedback-utility strong { color:var(--muted); }
.feedback-utility a { display:inline-flex; align-items:center; gap:.7rem; min-height:44px; font-size:.82rem; font-weight:600; }
.feedback-page { max-width:960px; }
.feedback-page .page-header { padding-bottom:1.6rem; margin-bottom:1.6rem; }
.feedback-page h1 { font-size:clamp(2rem,4.5vw,3.5rem); }
.feedback-page .lead { font-size:1.05rem; }
.feedback-page .panel { margin-block:1.5rem; }
.feedback-page .panel h2 { font-size:1.4rem; }
.feedback-page .page-actions a, .content-report-link a { min-height:44px; display:inline-flex; align-items:center; }
.feedback-form .feedback-field { margin-block:1.5rem; }
.feedback-form textarea { min-height:160px; }
.feedback-context-choice { display:flex; align-items:flex-start; gap:.6rem; padding-block:.5rem; }
.feedback-context-choice input { flex-shrink:0; margin-top:.3rem; }
.feedback-context-choice label { margin:0; font-weight:400; }
.feedback-page .helptext { max-width:72ch; }
.feedback-page .feedback-list { list-style:none; margin:1.5rem 0; padding:0; }
.feedback-page .feedback-list > li { margin-block:1rem; }
.feedback-page .feedback-row-heading { display:flex; align-items:center; flex-wrap:wrap; gap:.7rem 1rem; margin-bottom:.8rem; }
.feedback-page .feedback-row-heading h2, .feedback-page .feedback-row-heading h3 { margin:0; }
.feedback-page .feedback-meta { font-size:.85rem; color:var(--muted); }
.feedback-page .feedback-message { white-space:pre-wrap; overflow-wrap:anywhere; color:var(--text); }
.feedback-page .feedback-actions-note { font-size:.9rem; }
.feedback-page .feedback-filter { display:flex; align-items:flex-end; flex-wrap:wrap; gap:1rem; }
.feedback-page .feedback-filter > div { flex:1 1 220px; }
.feedback-page .feedback-filter label { margin-bottom:.35rem; }
.feedback-page .feedback-history { padding-left:1.2rem; }
.feedback-page .feedback-history li { padding:.5rem 0 1rem; }
.feedback-page .feedback-history p { margin:.4rem 0; }
.feedback-page .feedback-pagination { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:1rem; }
.feedback-page .feedback-pagination a { min-height:44px; display:inline-flex; align-items:center; }
.content-report-link { margin-block:1.2rem; font-size:.85rem; }
@media (max-width:600px) {
  .feedback-utility { align-items:flex-start; padding-block:.4rem; }
  .feedback-utility p { font-size:.74rem; }
  .feedback-utility a { font-size:.78rem; }
  .feedback-page { padding-top:1.5rem; }
  .feedback-page .panel { padding:1.1rem; }
  .feedback-page .page-actions { align-items:stretch; }
  .feedback-page button[type="submit"], .feedback-page .page-actions .button-link { width:100%; white-space:normal; }
  .feedback-page .feedback-filter > div { flex-basis:100%; }
}
