.vs-community-events,
.vs-playtest-feedback {
	max-width: 76rem;
	margin: 0 auto;
}

.vs-community-events > header,
.vs-playtest-feedback > header {
	max-width: 48rem;
	margin-bottom: 1.25rem;
}

.vs-community-events__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
	gap: 1rem;
}

.vs-community-event {
	display: flex;
	flex-direction: column;
	gap: .65rem;
	padding: 1.1rem;
	border: 1px solid var(--vs-theme-edge, rgba(240,236,226,.34));
	border-top: .22rem solid var(--vs-theme-accent, #47c9df);
	background: linear-gradient(150deg, color-mix(in srgb, var(--vs-theme-panel, #202526) 92%, transparent), color-mix(in srgb, var(--vs-theme-panel-deep, #121617) 82%, transparent));
}

.vs-community-event h2,
.vs-community-event p,
.vs-community-event .vs-prose,
.vs-community-event form {
	margin: 0;
}

.vs-community-event__location {
	font-weight: 700;
	color: var(--vs-theme-accent, #47c9df);
}

.vs-playtest-feedback__form {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: .9rem 1rem;
	max-width: 52rem;
}

.vs-playtest-feedback__form label {
	display: grid;
	gap: .35rem;
	font-weight: 700;
}

.vs-playtest-feedback__form label:nth-of-type(4),
.vs-playtest-feedback__form .vs-button {
	grid-column: 1 / -1;
}

.vs-playtest-feedback__form textarea {
	resize: vertical;
	min-height: 10rem;
}

@media (max-width: 640px) {
	.vs-playtest-feedback__form {
		grid-template-columns: 1fr;
	}
}