.feedback-page { max-width: 720px; margin-inline: auto; }
.feedback-page h1 { margin: 0 0 20px; }
.feedback-intro { margin: 0 0 24px; color: var(--muted); font-size: 16px; line-height: 1.6; }
.feedback-field { margin-bottom: 18px; }
.feedback-field label { display: block; margin-bottom: 6px; font-weight: 600; }
.feedback-field input,
.feedback-field textarea {
    display: block;
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid var(--border-strong);
    border-radius: 5px;
    background: #fff;
    color: var(--fg);
    font: inherit;
}
.feedback-field textarea { min-height: 180px; resize: vertical; }
.feedback-field input:focus-visible,
.feedback-field textarea:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.feedback-field [aria-invalid="true"] { border-color: #b74242; }
.feedback-form .btn { margin-top: 4px; border-radius: 5px; }
.feedback-status { margin-bottom: 20px; padding: 13px 16px; border-radius: 5px; line-height: 1.5; }
.feedback-status ul { margin: 0; padding-left: 18px; }
.feedback-status--success { background: #e8f5eb; color: #205c2d; }
.feedback-status--error { background: #fff0f0; color: #9b2f2f; }
.feedback-extra-field { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
@media (max-width: 600px) {
    .feedback-page h1 { font-size: 28px; }
    .feedback-form .btn { width: 100%; }
}