body{
	/*font-family: "new century schoolbook", georgia, serif;
	*/
	font-family: freeserif, serif;
	line-height: 1.2;
	margin: 0.ex;
	padding-right: 6ex;
	text-indent: 0;
	text-align: justify;
}
h1{ text-align: center; text-transform: uppercase;
	font-size: large;
	font-weight: normal;
	margin-bottom: 2em;
	margin-left: 3em;
	margin-right: 3em;
}
h2{ text-align: center; text-transform: uppercase;
	font-size: large;
	font-weight: normal;
	margin-bottom: 2em;
}
/* for inadequate CSS support: put warning message inside a span inside this: */
p.browser-nocss2 { color: red }
p.browser-nocss2 > span { display: none; } /* If no child selector, no CSS2. */

em.warning { font-weight: bold; color: blue; }
div.unfinished { color: silver; }

.leadword{ font-variant: small-caps; }
div.footnote { background-color: silver; }
span.left-block { position: absolute; left: 0; }
span.page_number { position: absolute; right: 0; color: gray; }
span.unknown { display: none; }

p { padding: 0; margin: 0; text-indent: 3ex; }
p.continuation { padding: 0; margin: 0; text-indent: 0; }
cite { font-style: italic; }
dfn { font-style: italic; }
dfn.Tait { font-variant: small-caps; font-style: normal;}
span.special-mention { font-variant: small-caps; }

div.section { padding-top: 1ex; }
div.example { padding-top: 1ex; 
	text-indent: 3ex; }
.math { font-style: normal; }
div.math { line-height: 1.5em; padding-top: 0.5ex; padding-bottom: 0.5ex;
	text-align: center; text-indent: 0.25ex; }
.math i{ padding-left: 0.1ex; padding-right: 0.1ex; }
.limit { font-family: script,
	"old script", "lucida handwriting", cursive; }
.math sup{ vertical-align: 0.4em; font-size: 66%; padding-left: 0.15ex; }
.math sub{ vertical-align: -0.3em; font-size: 66%; }

.math .radic2{ font-size: 100%; line-height: 0.8em;  }
.math .root{ height: 0.7em; border-top: 0.2ex black solid; padding: 0; margin: 0; }
.math .num { font-style: normal; }

b.seg { font-weight: normal; font-style: italic; padding: 0; margin:0;
	border-top: black 0.16ex solid; }
b.distance { font-weight: normal; font-style: italic; }
b.point { font-weight: normal; font-style: italic; }

.example div.item { padding-left: 2ex; }
.example div.item table { margin-left: 3ex; text-indent: 0; }
.example div.item td { padding: 0; margin: 0; text-align: center; }
.example td.lbl { text-align: left; padding-right: 0.2ex; }
.example div.item td.two-line-bracket{ font-size: 200%; }

/* put the absolutely-positioned elements within a pinned item */
.pin { position: relative; }
.pin span.overdot{ position: absolute; right: 0; top: 0; }
.pin span.overdot-high{ position: absolute; right: 0; top: -0.35ex; }
/* Firefox and Opera behave badly in the presence of text-indent
 * (Amaya is OK), so explicitly turn it off.*/
i.seg{ position: relative; text-indent: 0; }
.seg .over{ position: absolute; left: 0.5ex; top: -0.35ex; }

.math .int { font-size: 120%; letter-spacing: -0.25ex; }

.math > table { display: inline; margin: 0; padding: 0; }
.math td { margin: 0; padding: 0; }
table.eqdisplay{ width: 100%; margin: auto;
}
table.eqdisplay td.left{ text-align: left; width: 45%; }
table.eqdisplay td.expression{
	white-space: nowrap;
	table-layout: fixed;
	width: 5ex;
	text-align: center;
/*
	padding: 0 1ex 0 1ex;
*/
}
table.eqdisplay td.dots{
	/*
	vertical-align: baseline;
	padding: 0 1ex 0 1ex;
	*/
	width: 45%;
	text-align: justify;
	position: relative;
	overflow: hidden;
}
/* the equation number dotting isn't working right.
see my example file dots-fill.html */
table.eqdisplay {
	width: auto;
}
table.eqdisplay td.dots {
	position: relative; overflow: hidden; 
}
table.eqdisplay td.dots div {
	height: 1.2em;
}
table.eqdisplay td.dots div:first-child::after {
	overflow: hidden;
        content:" . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
}
table.eqdisplay td.eqno { position: relative; padding-left: 0.5ex; text-align: right; width: 3ex; }
table.eqdisplay td.eqno span { position: absolute; right: 0ex; padding-left: 0.5ex; text-align: right; background-color: white; }
table.eqdisplay td.blank { width: 45% }

div.Thm { padding: 0; margin: 0; text-indent: 3ex; }
div.Thm .start { font-variant: small-caps; }

span.math .fraction { font-size: smaller; }

span.fraction {
	position: relative;
	top: -0.5em;
	line-height: 1.2em;
	display: inline-grid;
	height: 2.4em;
	text-align: center;
	grid-auto-columns: max-content;
	grid-template-rows: 1.3em 0 1.2em;
}
.fraction span.num
{
	padding-bottom: 0.1ex;
	text-align: center;
	white-space: nowrap;
	display: inline-block;
	border-bottom: thin black solid;
}
span.fraction span.divider
{
	display: none; /* for non-css browsers, use dashes */
}
span.fraction span.denom
{
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	background-color: pink;
}

table.matrix{ margin: auto; } /* allows table to be centered */
.matrix td{
	text-align: center;
	line-height: 1.2em;
	padding: 0 1ex 0ex 1ex;
	}
td.lbrak { width: 0.8ex;
		font-size: 50%;
		border: solid thin black;
		border-right: none;
	}
td.rbrak { width: 0.8ex; font-size: 50%;
		border: solid thin black;
		border-left: none;
	}
.matrixbrak td { line-height: 1.6; }


/*styles for mobile*/
@media screen and (max-width: 480px) {
	body { padding: 0; padding-left: 0.5ex; padding-right: 2.5ex; }
	h1, h2, h3, h4 { margin: 0; padding: 0; padding-left: 0.5ex; }
	ul{ padding-left: 2ex; }
}

@media screen and (min-width: 481px) {
}