:root {
  --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.card.soft {
  border: 0;
  box-shadow: var(--shadow-soft);
}

.table thead th {
  white-space: nowrap;
}

.mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.small-muted {
  font-size: 0.9rem;
  color: rgba(0, 0, 0, 0.6);
}

.code-pill {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.85rem;
  padding: 0.25rem 0.5rem;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.06);
}

.vis-hidden {
  visibility: hidden;
}

.container-narrow {
  max-width: 520px;
}

pre.json {
  background: rgba(0, 0, 0, 0.04);
  border-radius: 0.75rem;
  padding: 1rem;
  overflow: auto;
}