/**
 * Blog Feed front-end styling
 *
 * Defines front-end styling. All view.css files
 * like this one only load when enqueued manually
 * or via a block.json file. You can import this
 * file into an editor.css file to apply these
 * front-end styles within the block editor.
 */
/* for specificity over alignment resets */
.torso.is-layout-constrained .blog-feed.blog-feed {
		margin-bottom: var(--sp-l-clamp);
	}
.blog-feed__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4em var(--sp-s-rem);
}
@media (max-width: 599px) {
.blog-feed__grid {
		grid-template-columns: 1fr;
		gap: var(--sp-s-rem)
}
	}
.blog-feed__filter {
	padding-top: var(--sp-m-clamp);
}
.blog-excerpt {
	container-type: inline-size;
}
@container (min-width: 730px) {
		.blog-excerpt .blog-excerpt__frame {
			display: grid;
			grid-template-columns: 1.5fr 1fr;
			align-items: center;
			gap: var(--sp-m-clamp);
		}
		.blog-excerpt .blog-excerpt__title {
			order: -1;
		}
	}
.blog-excerpt figure {
		width: 100%;
	}
.blog-feed__pagination {
	margin-top: var(--sp-m-clamp);
}
.pagination {
	display: flex;
	justify-content: center;
	gap: 1em;
}
.pagination .page-numbers {
		font-family: var(--ff-2);
		text-decoration: underline;
	}
.pagination .page-numbers:not(:hover) {
			color: var(--c-default);
		}
.pagination .page-numbers[aria-disabled="true"] {
			pointer-events: none;
			opacity: 0.6;
		}
/* yes, it's a little weird to just hide these... but the php to render without them isn't very efficient */
.pagination .page-numbers:not(:first-child, :last-child) {
			display: none;
		}