body {
	background: #000;
	color: #fff;
	font-family: monospace;
}

/* Code block styling */
.code {
	font-display: monospace;
	counter-reset: linenumber;
	position: relative;
	background: #445;
	color: #fff;
	border-radius: 4px;
	border: 1px solid #333;
	padding: 15px;
	line-height: 1.3em;
	overflow-x: auto;
	tab-size: 4;
}

/* Each line (pre) increments line number */
.code > pre {
	position: relative;
	white-space: pre;       /* preserves spaces and line breaks */
	padding-left: 3.2em;      /* space for line numbers */
	margin: 0;
	min-height: 1.2em;      /* ensures consistent line spacing */
}

/* Line number display */
.code > pre::before {
	counter-increment: linenumber;
	content: counter(linenumber);
	position: absolute;
	left: 0;
	width: 2em;
	text-align: right;
	padding-right: 1em;
	color: #aaa;
	border-right: 1px solid #000;
}

/* String highlighting */
.code .green {
	color: #0f0;
}

.code .orange {
	color:orange;
}

.code .grey {
	color: #999;
}