body {
	background-color: #f0f0f0;
}

/****************** container */
#C {
	display: table;
	margin: 0 auto 1em auto;
}

/****************** header */
#H .sub {
	font-size: .85em;
	margin-left: .7em;
}

/****************** body */
#B {
}

p.intro {margin:0 0 1em 0}

input[type="text"] {
	background-color: #fff;
	border: 1px solid #aaa;
	border-radius: .5em;
	font-size: 1em;
	height: 1.75em;
	padding: 0 .5em;
}
input[type="text"]:read-only {background-color:#dddddd}
input[type="text"].good {background-color:#ccffcc}
input[type="text"].bad {background-color:#ffcccc}

.h,
table.form caption,
table.form th {background-color:#d9d9d9;font-weight:normal}
table.form caption,
table.form th,
table.form td {padding:.2em}
table.form td:first-child {text-align:right}

button,
label{cursor:pointer}

.fwf {font-family:"courier new";font-size:1em}


@media (prefers-color-scheme: dark) {

	body {background-color: #282828}

	.h,
	table.form caption,
	table.form th {background-color:#404040}

}