.page-feedback { width: 100%; max-width: 760px; min-width: 0; margin: 0 auto; text-align: left; }
.page-feedback__fields { display: flex; flex-wrap: wrap; column-gap: 16px; align-items: flex-start; }
.page-feedback__field { flex: 0 0 100%; margin: 0 0 16px; min-width: 0; }
.page-feedback__field--date { flex: 0 1 168px; width: 168px; max-width: 100%; }
.page-feedback__field > label { display: block; margin-bottom: 6px; overflow-wrap: anywhere; }
.page-feedback__field input, .page-feedback__field textarea { display: block; box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; padding: 10px 12px; font: inherit; color: #303030; background: #fff; border: 1px solid #d3d9d9; border-radius: 4px; }
.page-feedback__field textarea { min-height: 130px; resize: vertical; }
.page-feedback__help { margin-top: 4px; font-size: 13px; color: #666; overflow-wrap: anywhere; }
.page-feedback__field input[type="file"] { font-size: 14px; overflow: hidden; }
.page-feedback [aria-invalid="true"] { border-color: #b20000; }
.page-feedback__error { color: #b20000; font-size: 13px; margin-top: 4px; }
.page-feedback__status { overflow-wrap: anywhere; }
.page-feedback__status:not(:empty) { margin-bottom: 16px; }
.page-feedback__status.is-error { color: #b20000; }
.page-feedback > button { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.page-feedback__trap { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
