/* ==========================================================================
   Category archive (/category/article|blog|integrations/). Like the live
   site it prints every post in full; here each one is its own card.
   Loaded after pages/post.css, which supplies the shell and the typography.
   ========================================================================== */

.page-header { margin: 0 0 40px; }
.page-kicker { margin: 0 0 14px; font-size: 16px; font-weight: 600; color: var(--ui-blue); }
.page-title {
	margin: 0;
	font-size: 56px;
	font-weight: 700;
	line-height: 1.05;
	letter-spacing: -.03em;
	color: var(--ui-ink);
	text-transform: capitalize;
}

.site-main > article {
	margin-bottom: 24px;
	padding: 40px;
	border: 1px solid var(--ui-line);
	border-radius: 26px;
	background: #fff;
}
/* on an archive the post title is an h2 link, one step down from the h1 */
.site-main > article .entry-title { font-size: 32px; }
.site-main > article .entry-title a { color: var(--ui-ink); text-decoration: none; }
.site-main > article .entry-title a:hover, .site-main > article .entry-title a:focus { color: var(--ui-blue); }
.site-main > article .entry-meta { margin-top: 12px; }
.site-main > article .entry-content { margin-top: 28px; font-size: 17px; }

.post-image { margin-top: 28px; border-radius: 18px; overflow: hidden; line-height: 0; }
.post-image img { display: block; width: 100%; height: auto; }

@media (max-width: 767px) {
	.page-header { margin-bottom: 28px; }
	.page-title { font-size: 38px; }
	.site-main > article { padding: 24px 20px; border-radius: 22px; }
	.site-main > article .entry-title { font-size: 25px; }
}