/* Hume ID's few additions to the design system (components/assets/css), in its tokens. */
.role-grid {
  display: grid;
  gap: calc(var(--spacing) * 3);
  grid-template-columns: repeat(auto-fill, minmax(calc(var(--spacing) * 52), 1fr));
}
.role-grid fieldset {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 1.5);
  padding: calc(var(--spacing) * 3);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
}
.role-grid legend {
  padding: 0 calc(var(--spacing) * 1);
  font-size: var(--text-xs);
  color: var(--muted-foreground);
}
.code-block {
  max-height: calc(var(--spacing) * 120);
  overflow: auto;
  padding: calc(var(--spacing) * 3);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--muted);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  white-space: pre-wrap;
  word-break: break-word;
}
.inline-form {
  display: inline;
}