.feedback-page { width: min(600px, calc(100% - 48px)); margin: 64px auto 80px; }
.feedback-page h1 { white-space: normal; font-size: clamp(30px, 5vw, 40px); }
.feedback-page .description { margin-top: 16px; }
.feedback-page form { display: grid; gap: 12px; margin-top: 36px; }
.feedback-page label { font-size: 14px; margin-top: 12px; }
.feedback-page textarea, .feedback-page input { width: 100%; background: var(--surface); color: var(--text); border: 1px solid #666861; border-radius: 6px; padding: 12px; font: inherit; line-height: 1.5; }
.feedback-page textarea { resize: vertical; min-height: 160px; }
.feedback-page textarea:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; }
.feedback-page .primary { justify-self: start; margin-top: 16px; }
#feedback-note { margin: 0; line-height: 1.6; }
#feedback-status, #feedback-error { overflow-wrap: anywhere; line-height: 1.6; margin-top: 24px; }
.feedback-page [hidden] { display: none; }
.pattern-scroll { animation: none; }
.feedback-page a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
@media(max-width: 600px) { .feedback-page { margin-top: 36px; } .feedback-page .primary { width: 100%; } }