.block-content-sidebar {
	container-type: inline-size;
}

.block-content-sidebar > div.block-content-sidebar__inner {
	--content-sidebar-content-width: 883px;
	--content-sidebar-gap: calc(var(--wp--custom--layout--wide) - var(--content-sidebar-content-width) - var(--wp--custom--layout--sidebar));
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--wp--custom--layout--block-gap-large) var(--content-sidebar-gap);
	max-width: var(--wp--custom--layout--wide);
	margin-inline: auto;
}

.block-content-sidebar .block-content-sidebar__main {
	--wp--custom--layout--page: var(--content-sidebar-content-width);
	width: 100%;
	min-width: 0;
	max-width: var(--content-sidebar-content-width);
	margin: 0 auto;
}

.block-content-sidebar .block-content-sidebar__sidebar {
	--wp--custom--layout--page: var(--wp--custom--layout--sidebar);
	position: relative;
	width: 100%;
	min-width: 0;
	max-width: var(--wp--custom--layout--sidebar);
	margin: 0 auto;
	border-top: 1px solid var(--wp--preset--color--quaternary);
	padding-top: var(--wp--custom--layout--block-gap-large);
}

.block-content-sidebar .block-content-sidebar__main.cwp-inner > *,
.block-content-sidebar .block-content-sidebar__sidebar.cwp-inner > * {
	max-width: 100%;
	margin-inline: 0;
}

.block-content-sidebar .block-content-sidebar__sidebar.cwp-inner > :not(.block-list-appender) {
	margin-block: 0;
}

.block-content-sidebar .block-content-sidebar__sidebar.cwp-inner > :not(.block-list-appender) ~ :not(.block-list-appender) {
	border-top: 1px solid var(--wp--preset--color--quaternary);
	margin-top: var(--wp--custom--layout--block-gap-large);
	padding-top: var(--wp--custom--layout--block-gap-large);
}

@container (max-width: 767px) {
	.block-content-sidebar > div.block-content-sidebar__inner {
		padding-inline: var(--wp--custom--layout--padding);
	}
}

@container (min-width: 992px) {
	.block-content-sidebar > div.block-content-sidebar__inner {
		grid-template-columns: minmax(0, var(--content-sidebar-content-width)) var(--wp--custom--layout--sidebar);
	}

	.block-content-sidebar .block-content-sidebar__sidebar {
		border-top: 0;
		padding-top: 0;
	}

	.block-content-sidebar__sidebar::before {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: calc(var(--content-sidebar-gap) / -2);
		border-left: 1px solid var(--wp--preset--color--quaternary);
		pointer-events: none;
	}
}