/* © up2date/dnada */
button {
	padding: 4pt 8pt;
}
fieldset {
	display: grid;
	grid-gap: 6pt;
	justify-items: center;
	margin: 10pt auto;
	padding: 10pt 16pt;
	width: 40rem;
	color: var(--color);
	background: var(--card);
	border-radius: var(--panelr);
	border: none;
	box-shadow: var(--panels);
}
img {
	height: 50pt;
}
aside {
	white-space: pre-line;
	text-align: center;
	font-size: large;
}
form {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	grid-gap: 4pt;
	padding: 10pt 16pt;
	width: 20em;
}
mark {
	background: none;
	color: var(--error);
	font-style: italic;
	font-weight: bolder;
	text-align: center;
	width: 100%;
}
label:not([visibility]) {
	display: grid;
	width: 100%;
}
label.turing {
	align-items: center;
	display: flex;
	width: 100%;
}
label.turing img {
	height: 40pt;
}
label.turing input {
	margin-left: 4pt;
	width: 4ch;
}
form > div {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	width: 100%;
}

blockquote {
	display: flex;
	flex-direction: column;
	font-size: small;
	grid-gap: 6pt;
	text-align: center;
}
p {
	margin: 0;
	white-space: pre-wrap;
}
article {
	font-size: small;
	margin: 0 auto;
	text-align: justify;
	width: 40rem;
	color: var(--color);
}
h4 {
	font-size: larger;
	margin: 6pt;
	text-align: center;
}

dl {
	display: grid;
	font-size: smaller;
	grid-template-columns: 20pt 1fr;
	margin: 2pt 7pt 0;
}
dd {
	margin: 0;
}

form {
	background: var(--frontb);
	border-radius: 26pt;
}

body.standard article span:nth-child(odd) {
	color: #68a;
}
body.modern article span:nth-child(odd) {
	color: hsl(120deg 80% 20%);
}
body article span:after {
	content: ' ✶';
	padding: 0 1em;
	color: blue;
}

form a {
	display: flex;
	align-items: flex-end;
	font-size: small;
}