/* ==========================================================================
   Category archive (/category/article|blog|integrations/).
   Loaded after pages/post.css, which supplies the shell and the entry styles.
   The live archive prints every post in full, so the deltas are the page
   header, the linked h2 post titles and the gap between stacked articles.
   Live at 1440: .page-header 10px padding + 20px bottom margin, .page-title
   40px/48px w300, h2.entry-title 30px/36px w300, .post-image margin-top 2em.
   ========================================================================== */

.page-header {
	margin: 0 0 20px;
	padding: 10px;
	background-color: #fff;
}
.page-title {
	margin: 0;
	font-size: 40px;
	font-weight: 300;
	line-height: 1.2em;
}

/* On an archive the post title is an h2 link, one step down from the h1. */
.site-main > article .entry-title { font-size: 30px; }
.site-main > article .entry-title a { color: var(--link); }
.site-main > article .entry-title a:hover { color: #000; }

/* "separate containers": every article is its own white block with a gap. */
.site-main > article { margin-bottom: 20px; }

.post-image { margin-top: 2em; }

@media (max-width: 767px) {
	.page-title { font-size: 30px; }
	.site-main > article .entry-title { font-size: 25px; }
}