/* ==========================================================
   Form
   ========================================================== */

label{
	display:block;
	margin-bottom:6px;
	font-weight:bold;
}

input,textarea,select{
	width:100%;
	padding:10px 12px;
	border:var(--border-width) solid var(--border);
	background:var(--paper);
	color:var(--ink);
	font:inherit;
	outline:none;
	border-radius: 8px;
}

textarea{
	resize:vertical;
	min-height:120px;
}

input:focus,textarea:focus,select:focus{
	box-shadow:2px 2px 0 var(--shadow);
}

.form-group{
	margin-bottom:var(--space-md);
}
.form-row{
	display:flex;
	gap:var(--space-md);
}
.form-row > *{
	flex:1;
}