/*  --------------------------------
	Forcing MathJAX to go inline.
	May reconsider approach later.
------------------------------------ */

mjx-container[jax="CHTML"][display="true"] {
	outline: solid #eee 0px;
	display: inline-block !important;
	margin: 0px !important;
	padding: 0px .1em !important;
	background-color: #ffffff;
}

/*  --------------------------------
	Mini Reset CSS approach.
	Paragraphs shifted to DIVs to
	support more flexible nested
	content.
------------------------------------ */

body {
	margin: .5em;
	font-family: sans-serif;
	font-size: 100%;
}
body .p {
	line-height: 1.8em;
	margin-bottom: 1em;
}
article {
	max-width: 40em;
	margin: auto;
	position: relative;
	line-height: 1.4em;
}

.chap, .chapter {
	visibility: hidden;
}

table {
	max-width: 100%;
	margin: auto;
	margin-top: 1em;
}
table.borders {
	outline: solid #666 4px;
}
.borders td {
	padding: .25em;
	outline: solid #eee 1px;
	text-align: center;
	font-size: 66%;
}

/*  --------------------------------
	Table of Contents styling may
	not survive into EPUBs
------------------------------------ */

table.toc { }
.toc th, .toc td {
	padding: .25em;
	outline: solid #eee 0px;
	text-align: left;
	vertical-align: top;
}

.toc td {
	text-align: right;
}

.toc tr > td+td,
.toc tr > td+td+td {
	text-align: left;
	font-variant: small-caps;
}


/*  --------------------------------
	H1-H5 are used sparingly to
	preserve document hierarchy.
------------------------------------ */

h1, h2, h3, h4, h5, .figure {
	width: 100%;
	margin: auto;
	padding-top: 1em;
	text-align: center;
}
h1, .extratitle {
	font-size: 200%;
	line-height: 1.2em;
	text-align: center;
}
/*  Randomly, the word 'Mathematics' is used on page 1. */
.extratitle .underline {
	padding-bottom: .3em;
	border-bottom: 1px solid black;
}

h2 { margin-bottom: 1em; }
h2 .chnum { font-size: 100%; }
h2 .chname { font-size: 80%; }
h2 .chsubname { font-size: 70%; }

h5 { font-size: 120%; }


/*  --------------------------------
	Images and Figures and 'workups'
------------------------------------ */

.figure img { max-width: 500px; }
.figure { margin-bottom: 1.5em; outline: dotted #0ff 1px; }

.thumbs { text-align: center; }
.thumbs img { width: 300px; }

.caption { color: gray; font-style: italic; }


/*  --------------------------------
	The line classes are used to set specific font sizes, separate
	from the default and unreliable sizing between the H1-H6 tags.
	The line## classes are hard coded in most places. The ## used is
	multiplied by a constant to set the font size in LaTeX. The
	odd-numbered line## classes have special margins or weights,
	as a modification of the even-numbered version one integer lower.
------------------------------------ */
.line36 {font-size: 180%;}
.line21 {font-size: 130%; line-height: 1.2em; margin-bottom: 2em;}
.line19 {font-size: 120%; font-weight: bold;}
.line18 {font-size: 120%;}
.line17 {font-size: 110%; font-weight: bold; margin-bottom: -0.5em;}
.line16 {font-size: 110%;}
.line13 {font-size: 100%; line-height: 1.2em;}
.line12 {font-size: 100%; margin-bottom: -0.5em;}
.line8 {font-size: 90%; line-height: 1.2em;}
.line5 {font-size: 50%; line-height: 1.5em;}
.line4 {font-size: 50%; line-height: 1.1;}

.frontmatter {
	padding-bottom: 0;
	line-height: 1.4em;
}


/*  --------------------------------
	To Be Determined if these should
	remain.
------------------------------------ */
.pagenum {
	position: absolute;
	margin-top: -12px;
	right: -35px;
	width: 105%;
	height: 20px;
	font-family: monospace;
	color: #888;
	text-align: right;
	border-top: dotted gray 0px;
}

/*  --------------------------------
	No horizontal rules in the book
	are longer than 20% of the page.
	Maybe even 10%.
------------------------------------ */
hr {
	width: 20%;
	margin-top: 1em;
	margin-bottom: 1em;
}

/*  --------------------------------
	Utility classes
------------------------------------ */
.centered { text-align: center; }
.rightalign { text-align: right; }
.indented { padding-left: 2em; padding-right: 2em; }
.indented-double { padding-left: 4em; padding-right: 4em; }
.smcaps { font-variant: small-caps; }
.hide { display: none; }
.vertspacebig { height: 200px; }
.vertspacesmall { height: 50px; }


/*  --------------------------------
	Maintain math/number placement
	in plaintext file.
------------------------------------ */
.textgrid {
	display: none;
	font-family: monospace;
	white-space: pre;
	outline: dotted #eee 10px;
}

/*  --------------------------------
	Cheeky use of Fraktur Unicode
	characters that I will likely
	regret. May try to replace with
	custom font or with SVG.
	https://fonts.google.com/specimen/UnifrakturCook
------------------------------------ */
.blackletter, .fraktur {
}


/* Transcriber's notes */
.transnote {
	border: 1px solid black;
	color: black;
	font-size: small;
	padding: 0.5em;
	margin-bottom: 5em;
	font-family: sans-serif, serif;
	white-space: normal;
}


/*  --------------------------------
	For the PDF output of the
	printed web page.
------------------------------------ */

div.chapter {page-break-before: always;}

@media print {
	body {
		font-size: 182%;
		margin: 0em;
	}
	article {
		max-width: 33em;
	}
	.pagenum {
		position: relative;
		border-top: dotted gray 0;
		right: auto;
		margin-top: auto;
		break-before: page;
	}
	div.chapter {
		/* page-break-before: initial; */
	}
}


/*  --------------------------------
	FOR PROOFING PURPOSES ONLY
	For the HTML output to match the
	original scan.
	TODO - Remove before publication
------------------------------------ */

body .p {
	line-height: 1.7em;
	margin: auto;
	margin-top: 1em;
	text-indent: 0em;
}
.pagenum {
	position: relative;
	display: block;
	margin-top: 2.0em;
	border-top: 1px solid #ddd;
	right: -05px;
}

.figure, .figure img {
	max-width: 26.5em;
}