* {
	box-sizing: border-box;
}
body {
	margin: 0;
	background: #eef4e8;
	color: #243e2c;
	font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", sans-serif;
	line-height: 1.8;
}
main {
	max-width: 760px;
	margin: auto;
	padding: 48px 24px 72px;
}
nav {
	display: flex;
	gap: 24px;
	flex-wrap: wrap;
	font-size: 14px;
}
a {
	color: #275936;
	text-underline-offset: 4px;
}
h1 {
	font-size: clamp(28px, 6vw, 44px);
	line-height: 1.3;
	margin: 40px 0 12px;
}
h2 {
	font-size: 21px;
	margin-top: 34px;
}
p,
li {
	overflow-wrap: anywhere;
}
header p,
footer {
	color: #52644e;
}
.label {
	font-size: 13px;
	letter-spacing: 2px;
}
footer {
	border-top: 1px solid #c7d6c1;
	margin-top: 40px;
	padding-top: 20px;
	font-size: 14px;
}
@media (prefers-color-scheme: dark) {
	body {
		background: #17271b;
		color: #e6eee1;
	}
	a {
		color: #b7dba4;
	}
	header p,
	footer {
		color: #b6c8ae;
	}
	footer {
		border-color: #3a503d;
	}
}