@media (prefers-color-scheme: light) {
	:root {
		--bg: white;
		--fg: black;
		--optfg: #808080;
		--orthofg: #008000;
		--thbg: #c0c0c0;
		--ilcaption-border: black;
		--ilipa-fg: #804000;
		--ilgloss-bg: #d0d0d0;
		--ilmorph-fg: blue;
	}
}
@media (prefers-color-scheme: dark) {
	:root {
		--bg: black;
		--fg: white;
		--optfg: #808080;
		--orthofg: #00ff00;
		--thbg: #404040;
		--ilcaption-border: grey;
		--ilipa-fg: #f09000;
		--ilgloss-bg: #505050;
		--ilmorph-fg: cyan;
	}
}
body {
	margin-left: auto;
	margin-right: auto;
	max-width: 40em;
	padding-left: .5ex;
	padding-right: .5ex;
	background: var(--bg);
	color: var(--fg);
}
h1,h2,h3,h4,h5,h6 {
	text-align: center;
}
p {
	text-align: justify;
}
svg {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.ortho {
	color: var(--orthofg);
	font-weight: bold;
}
.interlinear {
	margin-left: auto;
	margin-right: auto;
	width: fit-content;
}
.interlinear table {
	display: inline;
	border: 0;
}
.interlinear td {
	padding-left: 0;
	padding-right: 0;
	border: 0;
	text-align: left;
}
.freetrans {
	margin-top: 0;
	font-style: italic;
}
p.ilheader {
	margin-bottom: 0;
}
.ilheader em {
	font-style: normal;
	text-decoration: underline;
}
.ipa {
	color: var(--ilipa-fg);
}
.interlinear .gl {
	font-variant: small-caps;
}
.morphbrkdown {
	color: var(--ilmorph-fg);
}
.gloss {
	background: var(--ilgloss-bg);
}
p.sidenote {
	font-style: italic;
	margin-left: 3em;
}
.ilcaption {
	border: .1ex dashed var(--ilcaption-border);
	margin: 0 auto 1ex auto;
	padding: 0 .75em 0 .75em;
}
.ilcaption caption {
	font-variant: small-caps;
}
.ilcaption .ilheader {
	margin-top: 0;
}
.ilcaption .freetrans {
	margin-bottom: 0;
}
table.grammar, .grammar th, .grammar td {
	border: 1px solid var(--fg);
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1ex;
}
.grammar th {
	background: var(--thbg);
}
.grammar th, .grammar td {
	padding: .1ex .5em .1ex .5em;
	text-align: center;
}
table.multicol {
	display: inline-block;
	margin-left: 1em;
	margin-right: 1em;
}
table.mutrule {
	margin-left: auto;
	margin-right: auto;
}
.mutrule td {
	text-align: center;
}
.mutrule td:nth-child(2) {
	padding-left: .3em;
	padding-right: .3em;
}
.mutrule td:nth-child(4) {
	padding-left: 1em;
	padding-right: 1em;
}
.mutrule td:nth-child(5) {
	text-align: left;
}
.mutrule td:nth-child(6) {
	padding-left: 2em;
	text-align: left;
}
.abbrevs th {
	font-weight: normal;
	text-align: right;
}
.abbrevs td {
	text-align: left;
	padding-left: 2em;
}
nav table {
	width: 100%;
}
nav table td:first-child {
	text-align: left;
	vertical-align: top;
}
nav table td:nth-child(2) {
	text-align: right;
	vertical-align: top;
}
.displayed {
	overflow: scroll;
}
.displayed img {
	max-width: 100%;
}
table.wotbl {
	margin-left: auto;
	margin-right: auto;
}
.wotbl td {
	font-variant: small-caps;
	font-weight: bold;
	padding-left: .25em;
	padding-right: .25em;
}
.wotbl .opt {
	color: var(--optfg);
}