body {
	/*max-width: 40rem;*/
	margin: 0 auto;
	padding: 1em;
}

.controls {
	text-align: right;
	margin-bottom: 1em;
}

	.controls li {
		display: inline;
	}

button {
	background: #FFF;
/*	background: #000;*/
	color: #832F37;
	/*color: #fff;*/
	border: 0;
	font-size: 0.85rem;
	border-radius: 0.25rem;
}

/*
Custom elements are inline by default
*/
toggle-section {
	display: block;
}

	/*
	Only applies if script runs and
	`role="region"` is added
	*/
	toggle-section[role="region"] {
		border-width: 1px 0;
		border-style: solid;
		border-color: #BB9999;
	}

		toggle-section[role="region"] + toggle-section {
			border-top: 0;
		}