:root {
	color-scheme: light dark;
	font-family:
		system-ui, -apple-system, "Hiragino Sans", "Noto Sans JP", sans-serif;
	line-height: 1.7;
}
body {
	margin: 0 auto;
	max-width: 46rem;
	padding: 0 16px 48px;
}
header {
	display: flex;
	gap: 16px;
	align-items: center;
	padding: 14px 0;
	border-bottom: 1px solid #8884;
}
header .brand {
	font-weight: 700;
	font-size: 1.1rem;
	flex: 1;
	color: inherit;
	text-decoration: none;
}
nav a {
	margin-left: 16px;
}
h1 {
	font-size: 1.6rem;
	margin: 2rem 0 0.5rem;
}
h2 {
	font-size: 1.2rem;
	margin: 2rem 0 0.4rem;
}
.lead {
	font-size: 1.1rem;
}
.cta {
	display: inline-block;
	margin: 1rem 0;
	padding: 10px 22px;
	background: #1a56db;
	color: #fff;
	border-radius: 6px;
	text-decoration: none;
	font-weight: 600;
}
.draft {
	padding: 10px 14px;
	border: 1px solid #c2410c;
	border-radius: 6px;
	background: #c2410c18;
}
footer {
	margin-top: 3rem;
	padding-top: 14px;
	border-top: 1px solid #8884;
	font-size: 0.9rem;
}
footer a {
	margin-right: 16px;
}
li {
	margin: 0.2rem 0;
}
.todo {
	background: #ca8a0430;
	padding: 0 4px;
	border-radius: 3px;
}