.content-section {
	padding-block: var(--spacing-block-large);
	margin-block: 0;
	background: var(--color-surface);
}

.content-section--category-links {
	padding-block: calc(var(--spacing-block-large) / 2);
}

.content-section--light.content-section--category-links {
	border-bottom: 1px solid color-mix(in srgb, var(--color-dark-base) 8%, transparent);
}

.content-section--transparent {
	background-color: transparent;
}

.content-section--dark {
	background-color: var(--color-primary-surface);
}

.entry__content .content-section {
	width: 100vw;
	max-width: none;
	margin-inline: calc(50% - 50vw);
}

.content-section:not(:first-child) {
	margin-top: var(--spacing-block-large);
}

.content-section:not(:last-child) {
	margin-bottom: var(--spacing-block-large);
}

.content-section:has(+ .content-section) {
	margin-bottom: 0;
}

.content-section + .content-section {
	margin-top: 0;
}

.content-section--light + .content-section--light,
.content-section--transparent + .content-section--transparent,
.content-section--dark + .content-section--dark {
	padding-block-start: 0;
}

.content-section__inner {
	display: flow-root;
}

.page-content--with-sidebar > .content-section {
	width: calc(100% + (2 * var(--site-gutter)));
	margin-inline-start: calc(0rem - var(--site-gutter));
}

@media (min-width: 1200px) {
	.page-content--with-sidebar > .content-section {
		width: calc(100% + var(--site-gutter));
		margin-inline-start: calc(0rem - var(--site-gutter));
	}
}