label {
	font-size: .9em;
}

label + .hint {
	font-size: .7em;
	color: #aaa;
	margin-left: .5em;
}

.choices__inner {
	display: block;
	width: 100%;
	height: 38px;
	font-size: .95em;
	border: 0;
	background: #e8e8e8;
	padding: .4em;
	border:2px solid transparent;
	border-radius: 4px;
}

textarea {
	resize: both;
	height:9em;
}

input:hover,
textarea:hover,
.choices__inner:hover {
	background: #eee;
}

input:focus,
textarea:focus,
.choices.is-focused .choices__inner {
	background: #ddd;
	outline: 0;
}

button {
	white-space: nowrap;
	width: 100%;
	cursor: pointer;
}

form:invalid button {
	background: #fff;
}

.form-content > div + div {
	margin-top: 1em;
}