.feedback-entry { display:flex; justify-content:flex-end; padding:4px max(16px, calc((100% - 1200px)/2)); }
/* Feedback occupies its own row above the page. Keep the following
   content close to it; pages without the entry retain their normal padding. */
.feedback-entry + .p-page { --page-padding-top: var(--space-2); }
.feedback-entry .btn { font-size:var(--fs-caption); }
.feedback-form, .feedback-proposal { display:grid; gap:12px; }
.feedback-form label { display:grid; gap:6px; }
.feedback-form textarea, .feedback-proposal textarea { width:100%; resize:vertical; }
.feedback-actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.feedback-inbox { margin-top:16px; }
.feedback-item { padding:12px 0; border-bottom:1px solid var(--border); }
.feedback-item summary, .feedback-inbox>summary { cursor:pointer; }
.feedback-context { white-space:pre-wrap; overflow-wrap:anywhere; font-size:var(--fs-caption); }
.feedback-meta { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.feedback-text { white-space:pre-wrap; overflow-wrap:anywhere; }
.feedback-actions { margin-top:12px; }
@media(max-width:600px) { .feedback-entry { padding:2px 12px; } .feedback-actions .btn { width:100%; } }
/* Heading slots use the kit action row without a strip above the page. */
.feedback-entry--inline { padding: 0; }