:root {
	color: #102f21;
	font-family:
		Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
		sans-serif;
	line-height: 1.6;
}

body {
	background: #e9f7ee;
	margin: 0;
	min-width: 320px;
}

main {
	margin: 0 auto;
	max-width: 860px;
	padding: 40px 24px 80px;
}

header {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 56px;
}

.brand {
	align-items: center;
	color: #102f21;
	display: inline-flex;
	font-weight: 850;
	gap: 10px;
	text-decoration: none;
}

.brand img {
	border-radius: 14px;
	height: 42px;
	width: 42px;
}

a {
	color: #0c5a2a;
	font-weight: 750;
}

h1 {
	font-size: clamp(2.2rem, 7vw, 4rem);
	line-height: 1;
	margin: 0 0 16px;
}

h2 {
	font-size: 1.35rem;
	margin-top: 42px;
}

p,
li {
	color: #34564a;
}

.updated {
	color: #527466;
	font-weight: 750;
	margin-bottom: 42px;
}

section {
	background: rgba(255, 255, 255, 0.72);
	border: 1px solid rgba(6, 50, 22, 0.1);
	border-radius: 8px;
	margin-top: 18px;
	padding: 24px;
}

footer {
	color: #527466;
	margin-top: 44px;
}