/* Shared helper copy. Action results belong to status-messages.css instead. */
:root{--hint-color:#68736f;--hint-font-size:13px;--hint-line-height:1.5;--hint-gap:8px}
body .ui-hint{
  display:block;
  color:var(--hint-color);
  font-size:var(--hint-font-size);
  font-weight:400;
  line-height:var(--hint-line-height);
  margin:var(--hint-gap) 0 16px;
  overflow-wrap:anywhere;
}
body .ui-hint:empty{display:none}
body .form-validation-hint{grid-column:1/-1;margin:4px 0 8px;color:var(--destructive,var(--danger,#b42318));font-size:11px;font-weight:400;line-height:1.4;overflow-wrap:anywhere}
body .intro-applied + .form-validation-hint{margin:0 0 0 28px}
body input[aria-invalid="true"],body textarea[aria-invalid="true"]{outline:1px solid var(--destructive,var(--danger,#b42318));outline-offset:1px}
body label > .ui-hint{margin:0;font-weight:400}
body details > summary + .ui-hint{margin-top:12px}
body .section-title .ui-hint{margin-bottom:0}
@media(forced-colors:active){body .ui-hint{color:CanvasText}}