/* Small launch-only controls inherit the approved responsive design. */
.reader-note { font-size: 13px; line-height: 1.6; margin-top: 12px; }
#reader-progress { color: var(--olive); }
.feedback-panel { margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--line); }
.feedback-panel summary { font-size: 14px; min-height: 44px; align-content: center; font-weight: 600; cursor: pointer; }
.feedback-panel p { font-size: 13px; margin-top: 12px; }
.feedback-consent { display: flex; align-items: start; flex-wrap: wrap; gap: 8px; margin-top: 16px; font-size: 14px; }
.feedback-consent input { flex-shrink: 0; margin-top: 1px; }
.feedback-actions { display: flex; gap: 8px 20px; flex-wrap: wrap; align-items: center; margin-top: 12px; }
.feedback-actions button { font-size: 14px; min-height: 44px; }
#feedback-status, #receipt-status { overflow-wrap: anywhere; }
.receipt-file { display: block; width: 100%; font: inherit; padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); margin-top: 12px; }
@media screen and (max-width: 600px) { .feedback-actions { align-items: stretch; flex-direction: column; } .feedback-panel p { font-size: 14px; } }
@media print { .feedback-panel, #cancel-reading, #reader-progress { display: none!important; } }