.runtime-env-pill {
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.runtime-env-pill.is-mismatch {
  color: var(--critical);
  border-color: currentColor;
}
.runtime-trace {
  margin: 0;
  padding: 10px clamp(16px, 3vw, 36px) 18px;
  border-top: 1px dashed var(--border);
  color: var(--muted);
  background: #0d1218;
  font: 700 .72rem/1.45 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  overflow-wrap: anywhere;
}
.runtime-trace[hidden] { display: none; }

@media (max-width: 900px) {
  .runtime-env-pill { display: inline-flex; }
}

@media (max-width: 600px) {
  .runtime-env-pill {
    flex: 0 1 auto;
    max-width: 100%;
  }
}