form {
	max-width: 100%;
	width: 40em;
	margin: 2em auto auto;
}
form:first-child {
	margin-top: 0;
}

table {
	width: 100%;
	border: solid 3px light-dark(#333, #ccc);
	border-collapse: collapse;
}

th, td {
	border: solid 1px light-dark(#333, #ccc);
	padding: 0.5em;
}

:is(th, td) :is(input, textarea) {
	width: 100%;
	box-sizing: border-box;
}

input[type="submit"] {
	font-size: 1em;
	padding: 0.5em 1em;
	display: block;
	margin: 1em auto;
	cursor: pointer;
}

textarea {
	width: 100%;
	height: 15em;
	max-height: 100vh;
	line-height: 1.8;
}

iframe {
	width: 100%;
	height: 100vh;
	border-style: none;
}

div#smail-notices ul li {
	line-height: 1.5;
	margin: 1em auto;
}

@media screen and (max-width: 50em) {
	th, td {
		display: block;
	}
}