.hwg-jir-hint,
.hwg-jir-status {
  display: block;
  width: 100%;
  margin-top: 0.4rem;
  font-size: 0.875rem;
  line-height: 1.4;
}

.hwg-jir-hint { color: inherit; opacity: 0.78; }
.hwg-jir-status:empty { display: none; }
.hwg-jir-status[data-state="success"] { color: #166534; font-weight: 600; }
.hwg-jir-status[data-state="warning"] { color: #9a3412; font-weight: 600; }

html[data-theme="dark"] .hwg-jir-status[data-state="success"],
body.dark-mode .hwg-jir-status[data-state="success"],
body.at-dark-mode .hwg-jir-status[data-state="success"] { color: #86efac; }

html[data-theme="dark"] .hwg-jir-status[data-state="warning"],
body.dark-mode .hwg-jir-status[data-state="warning"],
body.at-dark-mode .hwg-jir-status[data-state="warning"] { color: #fdba74; }

@media (prefers-color-scheme: dark) {
  .hwg-jir-status[data-state="success"] { color: #86efac; }
  .hwg-jir-status[data-state="warning"] { color: #fdba74; }
}