#main {
	margin-bottom: 6em;
}

.contentBody {
	max-width: 80ch;
	font-family: var(--family2);
}


	.contentBody ul:not([class]) {
		margin-left: 1.5em;
	}
	
	.contentBody a {
		color: var(--linkColor, var(--color__text));
		text-underline-offset: 0.25em;
		transition: color .3s;
	}
	
		.contentBody a:hover {
			color: var(--linkColorHover, var(--color__green));
		}

.contentBody .pageHeadline__intro {
	max-width: none;
}

ol.goals {
	list-style: none;
	counter-reset: goals;
	
	display: flex;
	gap: 0.3em;
	flex-direction: column;
}

ol.goals li {
	display: flex;
	gap: 0.6em;
	align-items: center;
	
	counter-increment: muffins;
}

ol.goals li::before {
	content: "C" counter(muffins);
	
	padding: 0.5em;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3em;
	aspect-ratio: 1;
	
	background-color: var(--color__green);
	font-weight: 500;
	border-radius: 0.5em;
}