.json {
  list-style: none;
  padding-left: 1em;
  font-family: monospace;
  font-size: 13px;
}

.json li {
  margin: 3px 0;
}

.json-key {
  font-weight: 600;
  cursor: pointer;
  color: #1a73e8;
}

.json-value {
  margin-left: 6px;
  color: #444;
}

.hidden {
  display: none;
}

.collapsible::before {
  content: "▸ ";
  color: #666;
}

.collapsible.open::before {
  content: "▾ ";
  color: #666;
}

.json-string {
  color: #198754;
}

.json-number {
  color: #0d6efd;
}

.json-null {
  color: #6c757d;
  font-style: italic;
}

.json-boolean {
  color: #6f42c1;
}

.json-string {
  color: #198754;
}

.json-number {
  color: #0d6efd;
}

.json-null {
  color: #6c757d;
  font-style: italic;
}