/**
 * @file Defines styles specific to posts
 * Custom properties are set in `_includes/shortcodes/css-root.js`
 * @author Reuben L. Lillie <reubenlillie@gmail.com>
 * @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/--*CSS Custom Properties on MDN}
 */
.article-header h2 {
  font-size: 2em;
  color: var(--primary);
}

article {
  max-width: calc(100vw - var(--base-unit) * 2);
}

blockquote {
	border-left: 4px solid var(--primary);
	background: var(--surface-color);
	padding: 1em 1.5em;
	margin: 1.5em 0;
	border-radius: 0;
	color: var(--black);
}

pre {
  background: var(--surface-color);
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  display: block;
  padding: 1em;
  overflow-x: auto;
}

pre code {
  padding: 0;
  background-color: transparent;
  border-radius: unset;
}