.wcdh-shell {
	width: min(calc(100% - 40px), var(--wcdh-content-width));
	margin-inline: auto;
	color: var(--wcdh-ink);
	font-family: var(--wcdh-body-font);
}

.wcdh-reading {
	width: min(100%, var(--wcdh-reading-width));
	margin-inline: auto;
}

.wcdh-display,
.wcdh-shell h1,
.wcdh-shell h2,
.wcdh-shell h3 {
	font-family: var(--wcdh-heading-font);
	text-wrap: balance;
}

.wcdh-section {
	padding-block: var(--wcdh-space);
}

.wcdh-card {
	background: var(--wcdh-surface);
	border: 1px solid color-mix(in srgb, var(--wcdh-ink) 12%, transparent);
	border-radius: var(--wcdh-radius);
	box-shadow: 0 24px 70px color-mix(in srgb, var(--wcdh-ink) 10%, transparent);
}

.wcdh-accent {
	color: var(--wcdh-accent);
}

.wcdh-muted {
	color: var(--wcdh-muted);
}

@media (max-width: 767px) {
	.wcdh-shell {
		width: min(calc(100% - 28px), var(--wcdh-content-width));
	}
}