.post-page-thumbnail.svelte-1qx4zp5 {
		padding: var(--s24);
		height: 100%;

		display: flex;
		flex-direction: column;
		justify-content: space-between;

		background-color: var(--color-white);
		border-radius: var(--border-radius);
	}

	.subheading.svelte-1qx4zp5 {
		margin-bottom: var(--s4);
	}

	.heading.svelte-1qx4zp5 {
		text-decoration: underline;
		text-decoration-color: transparent;
		text-decoration-thickness: 2px;
		text-underline-offset: 2px;

		transition: text-decoration-color var(--transition-default);
	}

	.post-page-thumbnail.svelte-1qx4zp5:hover .heading:where(.svelte-1qx4zp5) {
		text-decoration-color: var(--color-text);
	}

	.section-search.svelte-1wxvlnn {
		padding-bottom: var(--s120);
	}

	.container.svelte-1wxvlnn {
		width: var(--container-width);
		margin: 0 auto;

		display: grid;
		grid-template-columns:
			calc(3 * var(--column) + 2 * var(--gutter))
			calc(4 * var(--column) + 4 * var(--gutter));
		column-gap: calc(var(--column) + var(--gutter));
		row-gap: var(--s120);
		align-items: start;
	}

	@media (max-width: 1000px) {
		.container.svelte-1wxvlnn {
			grid-template-columns: 1fr;
		}
	}

	.first-column.svelte-1wxvlnn {
		position: sticky;
		top: var(--scroll-padding-top);
		display: flex;
		flex-direction: column;
	}

	@media (max-width: 1000px) {
		.first-column.svelte-1wxvlnn {
			position: static;
			top: 0;
		}
	}

	.posts.svelte-1wxvlnn {
		display: grid;
		grid-auto-flow: row;
		grid-auto-columns: calc(4 * var(--column) + 4 * var(--gutter));
		row-gap: var(--gutter);

		opacity: 1;
	}

	@media (max-width: 1000px) {
		.posts.svelte-1wxvlnn {
			grid-auto-columns: 1fr;
		}
	}

	/* If we're loading we want to pulse the opacity of the posts list a bit */
	.posts.loading.svelte-1wxvlnn {
		animation: svelte-1wxvlnn-loading 2s linear infinite;
	}

	.pagination.svelte-1wxvlnn {
		margin-top: var(--s120);
		justify-self: flex-end;
	}

	@media (max-width: 1000px) {
		.pagination.svelte-1wxvlnn {
			justify-self: center;
		}
	}

	@keyframes svelte-1wxvlnn-loading {
		0% {
			opacity: 1;
		}

		50% {
			opacity: 0.25;
		}

		100% {
			opacity: 1;
		}
	}