.sss-form {
	display: grid;
	gap: var(--sss-space-3);
	max-width: var(--sss-content-max);
}

.sss-form__field {
	display: flex;
	flex-direction: column;
	gap: var(--sss-space-1);
}

.sss-form__field label {
	font-weight: 600;
	font-size: 0.875rem;
	color: var(--sss-ink);
}

.sss-form__field input,
.sss-form__field textarea,
.sss-form__field select {
	border: 1px solid var(--sss-line);
	border-radius: var(--sss-radius-sm);
	padding: var(--sss-space-2) var(--sss-space-3);
	font-family: var(--sss-font-body);
	font-size: 1rem;
	background: var(--sss-white);
	color: var(--sss-ink);
}

.sss-form__field input:focus,
.sss-form__field textarea:focus,
.sss-form__field select:focus {
	outline: 2px solid var(--sss-blue);
	outline-offset: 1px;
}