@media (prefers-color-scheme: light) {
	:root {
		--bg: inherit;
		--bg2: #d0d0d0;
		--fg: black;
		--deprecfg: red;
	}
	body {
		background: transparent url(img/volcano001-bckgnd.jpg) center no-repeat fixed;
		background-size: cover;
	}
}
@media (prefers-color-scheme: dark) {
	:root {
		--bg: inherit;
		--bg2: #505050;
		--fg: white;
		--deprecfg: magenta;
	}
	body {
		background: transparent url(img/volcano002-bckgnd-dark.jpg) center no-repeat fixed;
		background-size: cover;
	}
}
.deprecnote {
	font-style: italic;
	color: var(--deprecfg);
}
table.gr {
	border-collapse: collapse;
	display: block;
	width: 100%;
	overflow: scroll;
}
.gr tbody {
	display: table;
	border: .1ex solid var(--fg);
}
.gr td, .gr th {
	border: .1ex solid var(--fg);
}
.gr th {
	background: var(--bg2);
	padding-left: .3em;
	padding-right: .3em;
}
.gr td {
	text-align: center;
	padding-left: .5em;
	padding-right: .5em;
}
table.consonanttbl tr:nth-child(n+2) th {
	background: var(--bg);
}
td.longcol {
	text-align: justify;
}
table.wordorder th, table.wordorder td {
	text-align: left;
	vertical-align: top;
}
.vtbl-conj tr:nth-child(n+2) th {
	background: var(--bg);
}
.ixconv .ilheader {
	margin-top: 0;
}
.ixconv dt {
	display: inline;
	font-variant: small-caps;
	margin-left: 0em;
}
.ixconv dd {
	margin-left: 2em;
}
.mvv1 li, .mvv2 li {
	margin-bottom: 1ex;
}
ol.mvv2 {
	margin-left: 3em;
}
.mvv1 span {
	padding-left: 2.5em;
}