html {
	--font-monospace: "Inconsolata", "Courier New", "Courier", monospace;
	--font-regular: "Titillium", sans-serif;
	--border-thick: 3px solid black;
	margin: 0;
	padding: 0;
	font-family: var(--font-regular);
	font-size: 15px;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
}

body {
	margin: 0;
	padding: 0;
	background-color: #efffe7;
	min-width: 850px;
}

main {
	position: relative;
	box-sizing: border-box;
	padding: 1em 2em;
	margin: 1.5em auto;
	width: 850px;
	background-color: #fff;
	border: 1px solid #000;
	box-shadow: 0 0 2em rgba(0 0 0 / 0.2);
}

input {
	font-family: var(--font-monospace);
	font-size: inherit;
	padding: 0.25em;
	border: 1px solid #999;
}

input[type=checkbox] {
	accent-color: #4ba61a;
}

button,
select,
label {
	cursor: pointer;
}

select,
button {
	font-family: inherit;
	font-size: inherit;
}

textarea {
	font-family: var(--font-monospace);
	font-size: inherit;
	padding: 0.25em;
	border: 1px solid #999;
}

p {
	margin: 0.5em 0;
}

#toolbar {
	margin-bottom: 1.5em;
	text-align: center;
}

#toolbar button {
	text-transform: uppercase;
	font-weight: bold;
	height: 2.5em;
	padding: 0 1em;
}

.button-primary {
	background-color: #4ba61a;
	color: #fff;
	border: 1px solid #000;
}

.hint {
	/* Use this CSS class for hints about form usage that are not supposed to be
	   included in the print-out. */
	font-style: oblique;
	font-size: 0.95rem;
	color: #888;
}

@media print {
	@page {
		size: A4;
		margin: 10mm 15mm;
	}

	html {
		font-size: 10pt;
		--border-thick: 2pt solid black;
	}

	body {
		min-width: 100%;
		background-color: transparent;
	}

	main {
		padding: 0;
		border: none;
		box-shadow: none;
		width: 100%;
		margin-top: 0;
	}

	input[type=text],
	input[type=email],
	input[type=tel],
	input:not([type]),
	select,
	textarea {
		border: none;
		background-color: transparent;
	}

	input[type=checkbox] {
		accent-color: #777;
	}

	.optional::placeholder {
		color: transparent;
	}

	select {
		appearance: none;
	}

	a {
		text-decoration: underline;
		color: #777;
	}

	.hint {
		display: none;
	}

	.noprint {
		display: none;
	}
}