/* Feedback shares target identifiers; error and guide treatments stay distinct. */
html body [data-help-target], html body .pms-field-error {
  scroll-margin-block: 6rem;
}
html body .pms-field-error, html body [data-field-error] {
  outline: 3px solid #af2534 !important;
  outline-offset: 4px;
  border-radius: 4px;
  background-color: #fff3f3 !important;
}
html body [aria-invalid="true"] {
  border-color: #af2534 !important;
}
html body .pms-field-error-message {
  display: block;
  color: #8d1425 !important;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.45;
  margin-block: 0.4rem;
  overflow-wrap: anywhere;
}
html body .pms-guide-target:not(.pms-field-error):not([data-field-error]) {
  outline: 3px solid #216ac6 !important;
  outline-offset: 4px;
  border-radius: 4px;
  background-color: #edf5ff !important;
}
html body .pms-guide-message {
  display: block;
  color: #124c91 !important;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.45;
  margin-block: 0.4rem;
  overflow-wrap: anywhere;
}
html body [data-error-jump] {
  display: inline-block;
  margin-inline: 0.5rem;
  font-weight: 700;
  text-decoration: underline;
}
html body .pms-field-error :focus-visible,
html body .pms-field-error:focus-visible,
html body .pms-guide-target :focus-visible,
html body .pms-guide-target:focus-visible {
  outline: 2px solid #111827 !important;
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  html, body { scroll-behavior: auto !important; }
}
@media (forced-colors: active) {
  html body .pms-field-error, html body [data-field-error], html body .pms-guide-target {
    outline-color: Highlight !important;
  }
}
