/* -------------------------------------------------------------------------
   8.3 Generic pages & lists
   ------------------------------------------------------------------------- */

/* Search results / fallback list (index.php) */
.entry {
	padding: var(--space-3) 0;
	border-bottom: 1px solid var(--line);
}

/* --- Split layout (page.php, archive-event.php) ------------------------ */

/* Like the artwork page: a left column that stays in view (title, lead,
   image, link; or a year on the events page) while the content on the right
   scrolls. Both columns share the same proportions on every page. */
.split {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--space-3) var(--space-5);
}

.split__lead {
	margin-top: var(--space-2);
}

.split__lead p {
	margin: 0;
}

.split__image {
	margin-top: var(--space-3);
}

.split__image img {
	width: 100%;
}

.split__link {
	margin: var(--space-3) 0 0;
}

.split .split__main > :first-child {
	margin-top: 0;
}

@media (min-width: 900px) {
	.split {
		grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
	}

	.split__sticky {
		position: sticky;
		top: calc(var(--header-h) + var(--space-3));
		display: block;
	}

	/* The page title of the events page sits alone in the left column */
	.page__header.split > .page__title {
		grid-column: 1;
	}

	/* Text pages: the content starts level with the page title, with a thin
	   vertical rule halfway between the two columns */
	.page.split .split__main {
		position: relative;
		padding-top: 0.6rem;
	}

	.page.split .split__main::before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: calc(var(--space-5) / -2);
		border-left: 1px solid var(--line);
	}


	/* Narrower column: the coloured group stays on one column (wins over the
	   two-column rule of 8.5) */
	.split .split__main .wp-block-group.has-background {
		column-count: 1;
	}
}