/* Reading a result */

:where(.scene-editor) .ml.warning {
  --verdict-color: #f0c674;
  --verdict-tint: rgb(240 198 116 / 0.1);
}

:where(.scene-editor) .mh.merge {
  color: #6f878d;
}

:where(.scene-editor) .legend {
  display: grid;
  gap: 6px;
  margin: 14px 0 0;
}

:where(.scene-editor) .legend > div {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 12px;
  align-items: baseline;
}

:where(.scene-editor) .legend dd {
  margin: 0;
  color: var(--text-muted);
  font-size: 0.84rem;
  line-height: 1.45;
}

:where(.scene-editor) .lg {
  justify-self: start;
  padding: 1px 8px;
  border-radius: 4px;
  font: 700 0.72rem var(--mono);
}

:where(.scene-editor) .lg.proved {
  color: var(--success);
  background: var(--success-soft);
}

:where(.scene-editor) .lg.refuted {
  color: var(--danger);
  background: var(--danger-soft);
}

:where(.scene-editor) .lg.unknown,
:where(.scene-editor) .lg.warning {
  color: var(--warning);
  background: rgb(240 198 116 / 0.22);
}

:where(.scene-editor) .lg.dead {
  color: var(--text-muted);
  background: var(--surface-muted);
}

:where(.scene-editor) .lg.hint {
  color: #4f7c85;
  background: var(--surface-muted);
  font-style: italic;
  font-weight: 500;
}

@media (max-width: 820px) {
  :where(.scene-editor) .legend > div {
    grid-template-columns: minmax(0, 1fr);
    gap: 2px;
  }
}