.search-page > form {
	display: grid;
	grid-template-areas:
		'search search submit'
		'date sort scope'
		'results results scope';
	grid-template-rows: 40% 40% 20%;
	grid-template-rows: 5em 5em 100%;

	input, select {
		width: 100%;
		height: 2rem;
	}

	label {
			margin-right: 1em;
	}

	& div.query {
		grid-area: search;
		display: flex;
		align-items: center;

		& label {
			margin-right: 1em;
		}
	}

	& div.submit {
		grid-area: submit;
		display: flex;
		align-items: center;
		margin-left: 1em;
		
		& input#submit {
			width: fit-content;
		}
	}

	& div.date {
		grid-area: date;
		display: flex;
		align-items: center;

		& input#date {
			width: 80%;
		}
	}

	& div.sort {
		grid-area: sort;
		display: flex;
		align-items: center;
		margin-left: 2em;
	}

	& div.scope {
		grid-area: scope;
		width: 80%;
		margin-left: 1em;

		& select {
			width: 100%;
			height: 31rem;
			overflow: auto;
		}
	}
	
	& div.search-results {
		grid-area: results;
		width: 100%;
		min-height: 50vh;
	}
}