/* Shared, accessible feedback. Color reinforces explicit status text. */
body main .feedback-panel, body main .message, body main ul.errorlist {
  border: 1px solid #adc3d9; border-left: 6px solid #245b91;
  background: #edf5ff; color: #183b60; border-radius: 7px;
  padding: 16px 20px; margin: 16px 0; overflow-wrap: anywhere;
}
body main .feedback-panel.error, body main .message.error, body main ul.errorlist {
  color: #891b16; background: #fff0ed; border-color: #d78b84; border-left-color: #b42318;
}
body main .message.warning, body main .feedback-panel.warning, body main .notice:not(.error) {
  color: #704600; background: #fff4d8; border: 1px solid #d7b468; border-left: 6px solid #ae6d00;
  padding: 16px 20px; border-radius: 7px;
}
body main .message.success, body main .feedback-panel.success {
  color: #15552f; background: #e8f5eb; border-color: #8dbd9a; border-left-color: #237a40;
}
body main .notice.error { color: #891b16; background: #fff0ed; border: 1px solid #d78b84; border-left: 6px solid #b42318; padding: 16px 20px; }
body main .message-title, body main .feedback-title { display:block; font-weight:800; font-size:1.08rem; margin:0 0 5px; }
body main .feedback-panel p { margin:7px 0; }
body main .feedback-panel ul.errorlist { background:transparent; border:0; border-radius:0; padding:0 0 0 22px; margin:8px 0; }
body main ul.errorlist { list-style:disc inside; font-size:1rem; }
body main ul.errorlist li { margin:5px 0; }
body main .field .error { color:#891b16; background:#fff0ed; padding:8px 11px; border-left:4px solid #b42318; font-weight:600; }
body main .has-error input, body main .has-error select, body main .has-error textarea { border:2px solid #b42318; }
body main .feedback-panel:focus, body main ul.errorlist:focus { outline:3px solid #b42318; outline-offset:3px; }
@media(max-width:600px) { body main .feedback-panel, body main .message, body main ul.errorlist { padding:13px 15px; } }
