.highlight-content {
	background: #f8f8f8;
	gap: 1.5rem;

	&.members {
		.hightlight-heading {
			background: #fdfdff;
			border-bottom: 4px solid #d0d6f5;
		}
	}

	&.public {
		.hightlight-heading {
			background: var(--color-green-bg);
			color: var(--color-green);
			border-bottom: 4px solid var(--color-green-border);
		}
		a {
			color: var(--color-green);
			&:hover {
				color: var(--color-green-dark);
			}
		}
	}

	.hightlight-heading {
		padding: 1rem 1.5rem 0;
		margin-bottom: 0;
	}

	.flex-row {
		padding: 0 1.5rem 2rem;
		gap: calc(var(--pane-gap) / 2);
	}

	.main-content {
		flex: 1 1 calc(70% - (var(--pane-gap) / 2));
	}

	.side-content {
		flex: 1 1 calc(30% - (var(--pane-gap) / 2));
	}

	.main-content,
	.side-content {
		*:last-of-type,
		*:last-child {
			margin-bottom: 0;
		}
	}
}

@media screen and (min-width: 700px) {
}