html {
	background: var(--wcmw-bg);
}

body {
	margin: 0;
	background:
		radial-gradient(circle at 0% 8%, rgba(183, 217, 167, 0.22), transparent 34%),
		radial-gradient(circle at 96% 24%, rgba(235, 177, 159, 0.18), transparent 36%),
		linear-gradient(135deg, #fbfcf6 0%, #fff5ef 42%, #f8fcf3 100%);
	color: var(--wcmw-text);
}

.site,
#page,
.site-content,
.inside-article {
	background: transparent;
}

.wcmw-container {
	width: min(var(--wcmw-container), calc(100% - 32px));
	margin-inline: auto;
}

a {
	color: inherit;
}

a:hover {
	text-decoration: none;
}

img {
	max-width: 100%;
	height: auto;
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

@media (max-width: 640px) {
	.wcmw-container {
		width: min(var(--wcmw-container), calc(100% - 22px));
	}
}