body {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	background: #f0f2f5;
	color: #222;
}

.non-printable {
	visibility: visible;
}

.printable {
	visibility: visible;
}

.result {
	padding: 1rem 1rem 1rem 3rem;
	background: #fff;
	border-radius: 10px;
}

textarea {
	width: 100%;
	height: 300px;
	font-family: monospace;
	font-size: 14px;
	border-radius: 8px;
	border: 1px solid #ccc;
	padding: 10px;
	resize: vertical;
}

/* Tăng độ sáng chữ trong code block highlight.js */
.hljs {
	font-size: 14px;
	overflow-x: visible;
	padding: 0rem;
}

pre {
	padding: 0.5em !important;
}

@media print {
	code,
	pre,
	table {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}
	pre code.hljs {
		text-wrap: auto;
	}

	@page {
		margin: 0.5in 0.1in 0.5in 0.15in;
	}

	.non-printable,
	.non-printable *,
	nav,
	footer,
	button {
		display: none !important;
	}

	.printable,
	.printable * {
		visibility: visible !important;
	}

	#printable {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
	}

	.result {
		padding: 1rem 1rem 1rem 3rem;
	}

	* {
		box-shadow: none !important;
		text-shadow: none !important;
		transition: none !important;
	}

	body {
		background-color: white !important;
	}
}


.fw-bold{
	font-weight: 500;
}