/* Common root stylesheet */
@media (prefers-color-scheme: light) {
	body {
		color: black;
		background-color: white;
	}
}
@media (prefers-color-scheme: dark) {
	body {
		color: white;
		background-color: black;
	}
	a:link {
		color: #60b0ff;
	}
	a:visited {
		color: #d080ff;
	}
	a:hover {
		color: yellow;
	}
	a:active {
		color: yellow;
	}
}
body {
	hyphens: auto;
}
h1, div.footicons {
	text-align: center
}
div.footicons img {
	padding: 0 0 0 0;
	border: 0;
}
a img {
	border: 0;
}
p {
	text-align: justify
}
.float-left {
	float: left
}
.float-right {
	float: right
}
.displayedtbl {
	margin-left: auto;
	margin-right: auto;
	text-align: center
}
table.displayed {
	margin-left: auto;
	margin-right: auto;
}
div.displayed, p.displayed, ul.displayed {
	text-align: center
}
p.sidenote {
	font-style: italic;
}
p.navlink {
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0
}
p.lastmod {
	font-style: italic;
	margin-top: 0;
	margin-bottom: 0
}
p.pagefooter {
	font-size: small
}
.clear {
	clear: both
}
/* Keep text readable */
div.maintext {
	max-width: 35em;
	margin-left: auto;
	margin-right: auto;
}
/* Lexicon stuff */
td.lexicon {
	padding-right: 1em;
}
td.lexicon p {
	margin-top: 0;
	margin-bottom: 0;
}
table.lexlegend td {
	font-size: small;
}
table.lexlegend td:nth-child(1), table.lexlegend td:nth-child(3) {
        padding-right: 1em;
}
table.lexlegend td.col2 {
	/* Visually separate second pair of columns */
	padding-left: 8em;
}
/* PolyML stuff */
.ipa {
	font-family: "GentiumAlt", "Gentium", "Charis SIL", "Doulos SIL",
			"Bitstream Cyberbit";
}
.greek {
	font-family: "GentiumAlt", "Galatia SIL", "Bitstream Cyberbit";
}
.russian {
	font-family: "Century Schoolbook L", "Bitstream Cyberbit";
}
.tag {
	font-size: small;
	font-weight: bold;
}
.old {
	color: #808080;
}
.incompl {
	color: #804000;
}