body
{
	position: relative;
	margin: auto;
	padding: 0 1em;
	max-width: 32em;
	font: 1.2em/1.4 Georgia, serif;
}

h1
{
	font-size: 1.4em;
	line-height: 1;
	margin: 1.4rem 0;
}

h2, p
{
	font-size: 1em;
	margin: 1.4rem 0;
}

.accordion-ctrl
{
	display: none;
}

.accordion-ctrl:not(:checked) ~ p
{
	display: none;
}

.accordion-ctrl ~ h2 label::before
{
	content: '▶︎';
	position: absolute;
	left: -0.375em;
	color: hsl(220, 70%, 70%);
}

.accordion-ctrl:checked ~ h2 label::before
{
	transform: rotate(90deg);
}