.gated-content {
	position: relative;
}

.gated-content--highlight {
	background-color: #ccc;
	outline: 1px solid #ccc;
	padding: 10px 0 0;
	margin-bottom: 30px;
}
	.gated-content.gated-content--highlight:has(.gated-content--highlight),
	.gated-content--highlight .gated-content--highlight .gated-content--highlight {
		padding: 0;
	}

	.gated-content--highlight .gated-content__body {
		background-color: #ffffff;
	}


.gated-content__title {
	padding: 0 2px;
	border-bottom: 1px solid purple;
	margin-bottom: 12px;
}
.gated-content__subtitle {
	padding: 0 2px;
	font-weight: 600;
}

.gated-content__controller {
}

.gated-content__controller > div:not(:last-child) {
	margin-bottom: 20px;
}

.gated-content__controller .gated-content__body {
	padding: 10px 0;
	border-radius: 4px;
}

.gated-content:has( > .gated-content__controller ) > .gated-content__title,
.gated-content:has( > .gated-content__preview ) > .gated-content__title,
.gated-content:has( > .gated-content__full-view ) > .gated-content__title {
	display: none;
}

.gated-content .gated-content__controller .gated-content__preview .gated-content__title,
.gated-content .gated-content__controller .gated-content__full-view .gated-content__title {
	display: none;
}