/* Native articles and indices keep their content while sharing the home spacing. */
.sj-blog {
	--sj-cell-pad: var(--sj-page-pad, 32px);
	font-weight: var(--font-weight-body);
}
.sj-blog .sj-blog-count { font-weight: var(--font-weight-body); }
.sj-blog .sj-blog-index-heading { align-items: baseline; }
.sj-blog-index .sj-page-title {
	font-size: clamp(48px, 5.4vw, 78px);
	line-height: 1.04;
	letter-spacing: -.045em;
}

/* Photographs have the same inset as their copy; their pixel offset stays visible. */
.sj-blog .sj-post-card-image {
	padding: var(--sj-cell-pad) calc(var(--sj-cell-pad) + var(--sj-pixel-shadow-size)) var(--sj-pixel-shadow-size) var(--sj-cell-pad);
}
.sj-blog .sj-post-card-content { padding-block: 32px 40px; }
.sj-blog .sj-post-card-meta { margin-bottom: 16px; }
.sj-blog .sj-post-card-title { margin-bottom: 20px; }
.sj-blog .sj-post-card-excerpt { margin-bottom: 28px; }

/* The divider belongs to the complete grid, including an odd final row. */
.sj-blog .sj-post-grid { position: relative; }
@media (min-width: 768px) {
	.sj-blog .sj-post-grid::before {
		position: absolute;
		inset: 0 auto 0 50%;
		border-left: 1px solid var(--sj-rule-ink);
		pointer-events: none;
		content: '';
	}
	.sj-blog .sj-post-card:nth-child(even) { border-left: 0; }
}

.sj-blog .sj-blog-search {
	flex-wrap: nowrap;
	gap: 12px;
	padding-block: 32px;
}
.sj-blog .sj-blog-search input[type="search"] { flex: 1 1 0; }
.sj-blog .sj-blog-search button { flex: 0 0 auto; }
.sj-blog .sj-blog-empty { padding-block: var(--sj-page-space, 64px); }
.sj-blog .pagination { padding-block: 32px; }
.sj-blog .page-numbers.current { background: var(--color-navy); color: var(--color-white); }

/* A readable article column, with every content rule carried to its side rails. */
.sj-blog .sj-post-content { padding-block: 56px; }
.sj-blog .sj-post-content blockquote { border-left: 0; }
.sj-blog .sj-post-content > blockquote {
	width: calc(100% + var(--sj-cell-pad) * 2);
	margin-inline: calc(-1 * var(--sj-cell-pad));
	padding: 28px var(--sj-cell-pad);
	border-block: 1px solid var(--sj-rule-ink);
}
.sj-blog .sj-post-sidebar { font-size: var(--font-size-body); }
.sj-blog .sj-post-sidebar > .sj-sidebar-widget { padding-block: 40px; }
.sj-blog .sj-post-sidebar > .sj-sidebar-widget:first-child { padding-top: 56px; }
.sj-blog .sj-post-nav-title {
	font-family: var(--font-secondary);
	font-size: 19px;
	font-weight: var(--font-weight-secondary);
	line-height: 1.35;
}
.sj-blog .sj-post-back { font-size: var(--font-size-body); }
.error404 .sj-page-body {
	min-height: 0;
	padding-block: var(--sj-page-space, 64px);
	padding-inline: max(calc(var(--sj-site-gutter) + var(--sj-page-pad) + 1px), calc((100% - var(--sj-site-width)) / 2 + var(--sj-page-pad) + 1px));
}
.error404 .sj-page-body-inner > p { max-width: 65ch; }
.error404 .sj-page-body-inner > .button { margin-top: 8px; }

@media (max-width: 767px) {
	.sj-blog-index .sj-page-title { font-size: clamp(36px, 9vw, 48px); }
	.sj-blog .sj-post-card-content { padding-block: 28px 36px; }
	.sj-blog .sj-post-card-title { font-size: 28px; }
	.sj-blog .sj-blog-search { padding-block: 24px; }
	.sj-blog .sj-blog-search button { padding-inline: 16px; }
	.sj-blog .pagination { padding-block: 24px; }
	.sj-blog .sj-post-content { padding-block: 40px; }
	.sj-blog .sj-post-sidebar > .sj-sidebar-widget,
	.sj-blog .sj-post-sidebar > .sj-sidebar-widget:first-child { padding-block: 32px; }
	.error404 .sj-page-body { padding-inline: 20px; }
}