/**
 * Styling for the [code_snippet] shortcode.
 *
 * The legacy theme leaned on Bootstrap defaults for this box; these self-
 * contained rules recreate the same "titled, one-click-selectable snippet"
 * look without any framework dependency.
 */
.code-snippet-container {
	margin: 20px 0;
	border: 1px solid #d7dde5;
	border-radius: 4px;
	overflow: hidden;
}

.code-snippet-container header {
	background: #e6ecf3;
	padding: 8px 14px;
	font-weight: 700;
	font-size: 0.85em;
}

.code-snippet-container textarea {
	display: block;
	width: 100%;
	margin: 0;
	padding: 12px 14px;
	border: 0;
	font-family: monospace;
	font-size: 0.85em;
	line-height: 1.5;
	resize: vertical;
}