/* Explicit error/attention summaries only. Compact field hints and routine
   information/success retain their existing presentation. */
/* Important declarations in this layer deliberately outrank legacy unlayered
   ID-specific !important toast rules, even when those page styles load later. */
@layer form-feedback {
html body [data-form-feedback-card="error"] {
  display: block !important;
  box-sizing: border-box;
  border: 1px solid #df9baa !important;
  border-inline-start: 5px solid #ae2444 !important;
  border-radius: 16px !important;
  background: #fff4f6 !important;
  color: #842039 !important;
  padding: 16px 20px !important;
  font-size: max(1rem, 16px) !important;
  font-weight: 600 !important;
  line-height: 1.6 !important;
  overflow-wrap: anywhere;
  text-align: start;
  scroll-margin-block: 12px;
  box-shadow: 0 3px 12px #8420390a;
}
html body [data-form-feedback-card="error"]::before {
  content: attr(data-form-feedback-heading) !important;
  display: block !important;
  margin-block-end: 5px;
  color: #9f1835 !important;
  font-size: max(1.125rem, 18px) !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}
html body [data-form-feedback-card="error"] :where(p,li,span,small,strong,b,em,a) {
  font-size: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
}
html body [data-form-feedback-card="error"]:focus { outline: 2px solid #ae2444; outline-offset: 3px; }
html body [data-form-feedback-card="error"][hidden] { display: none !important; }
html body [data-shared-native-summary] > p { margin: 0; }
html body [data-shared-native-summary] > ul { margin: 8px 0 0; padding-inline-start: 22px; }
html body [data-form-feedback-card="error"] .la-form-feedback-field-link {
  display: inline !important;
  border: 0 !important;
  background: transparent !important;
  color: inherit !important;
  padding: 2px 0 !important;
  font: inherit !important;
  text-align: start;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
html body [data-form-feedback-card="error"] .la-form-feedback-field-link:focus-visible { outline: 2px solid #ae2444; outline-offset: 2px; }
@media (max-width: 480px) {
  html body [data-form-feedback-card="error"] { padding: 14px 16px !important; }
}
@media (forced-colors: active) {
  html body [data-form-feedback-card="error"] { border-color: CanvasText !important; }
}
}