/* Form */
.form-template {
	display: block;
}

.form-template .title {
	padding-block: 1.5rem;
	font-size: 2rem;
	font-weight: 500;
	letter-spacing: .05em;
	text-align: center;
}

.form-template .body {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	border-block: 1px solid var(--c500);
	padding-block: 1rem;
	gap: 1rem;
}

.form-template .body > * {
	grid-column: span 4;
}

.form-template .inp.med {grid-column: span 3;}
.form-template .inp.shr {grid-column: span 2;}
.form-template .inp.xshr {grid-column: span 1;}

.form-template .footer {
	display: grid;
	padding-block: 1.5rem;
	gap: .5rem;
	text-align: center;
}

/* Buttons */
.form-template .pbtn,
.form-template .sbtn {
	width: 100%;
	margin: 0;
}