/* data-display.css
 * Phase 2: Code and data presentation utilities
 */

code {
	font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
	font-size: 0.875em;
	background: var(--color-gray-100);
	padding: 0.125rem 0.25rem;
	border-radius: var(--radius-sm);
}

/* Code & JSON blocks (migrated from legacy/components.css) */
.code-block {
	background: var(--color-gray-900);
	color: var(--color-gray-100);
	padding: var(--spacing-md);
	border-radius: var(--radius-md);
	font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
	font-size: var(--font-size-sm);
	overflow-x: auto;
	line-height: 1.5;
}

.json-viewer {
	background: var(--color-gray-50);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-md);
	padding: var(--spacing-md);
	font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
	font-size: var(--font-size-sm);
	max-height: 400px;
	overflow-y: auto;
}