/* Reusable "NEEDS YOUR INPUT" placeholder marker.
   Fixed colours on purpose — it must read as a QA flag on top of ANY
   client palette, not blend into one. Never ships to a real deploy;
   grep for "needs-input" before going live, same as you'd grep "[[". */

.needs-input {
  display: inline-flex;
  align-items: baseline;
  gap: 0.5em;
  max-width: 100%;
  padding: 0.5em 0.85em;
  border: 2px dashed #d98a3e;
  border-radius: 8px;
  background: rgba(217, 138, 62, 0.1);
  color: #d98a3e;
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 0.85em;
  line-height: 1.4;
  text-decoration: none;
}

.needs-input--block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.needs-input__label {
  flex: 0 0 auto;
  padding: 0.1em 0.4em;
  border-radius: 4px;
  background: #d98a3e;
  color: #05070a;
  font-size: 0.75em;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
}

.needs-input__question {
  color: inherit;
  font-style: normal;
}

@media (prefers-contrast: more) {
  .needs-input {
    background: #05070a;
    color: #ffbf72;
  }
}