/* Blog article code presentation. The template ships no <pre>/<code>
   styling at all, so this fills that gap: monospace, horizontally
   scrollable on narrow screens (never breaks the page layout), and
   consistent with the site's existing light/dark override convention
   (theme.css has no CSS custom properties, so dark mode here is done
   the same way as everywhere else on the site: explicit .theme-dark
   overrides per selector). */

article pre {
	margin: 1.25em 0;
	padding: 1em 1.25em;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border-radius: 4px;
	background: #f2f5f8;
	border: 1px solid rgba(0, 0, 0, 0.1);
}

article pre code {
	display: block;
	font-family: "Roboto Mono", "SFMono-Regular", Consolas, monospace;
	font-size: 0.88em;
	line-height: 1.6;
	white-space: pre;
	color: #1a1a1a;
	background: none;
	padding: 0;
	border: 0;
}

article :not(pre) > code {
	font-family: "Roboto Mono", "SFMono-Regular", Consolas, monospace;
	font-size: 0.9em;
	padding: 0.15em 0.4em;
	border-radius: 3px;
	background: #f2f5f8;
	border: 1px solid rgba(0, 0, 0, 0.08);
}

.theme-dark article pre {
	background: #111214;
	border-color: rgba(255, 255, 255, 0.14);
}

.theme-dark article pre code {
	color: #f2f5f8;
}

.theme-dark article :not(pre) > code {
	background: #111214;
	border-color: rgba(255, 255, 255, 0.14);
}

article blockquote {
	margin: 1.25em 0;
	padding: 0.25em 1.25em;
	border-left: 3px solid rgba(0, 0, 0, 0.15);
	color: #838485;
}

.theme-dark article blockquote {
	border-left-color: rgba(255, 255, 255, 0.2);
}