html {
	background-color:white;
	width: 100%;
	}
a, a:active, a:link, a:visited {
	color:#000040;
	text-decoration-line:underline;
	text-decoration-thickness:2px;
	text-decoration-style: solid;
	text-decoration-color: royalblue;
	text-decoration-skip-ink:auto;
	text-underline-offset: auto;
	text-underline-position: under;
	}
body { 
	max-width: 500px;
	background-color:white;
	margin: auto;
	font-family: "Ringside Regular SSm A", "Ringside Regular SSm B", "Helvetica Neue", Arial, sans-serif; 
	}
main, header, footer {
	margin: auto 12px auto 12px;
	hyphens:auto;
	}

h6,h5,h4,h3,h2,h1 {
	font-family: "Ringside Regular SSm A", "Ringside Regular SSm B", "Helvetica Neue", Arial, sans-serif;
	hyphens:none;
	}
h1 { font-weight:500; }
h2 { 
	text-transform:uppercase;
	color:rgba(0,0,32,0.45);
	letter-spacing:0.1em;
	margin: 60px auto 24px auto;
	}

ul, ul > li > ul {
	margin:auto auto 36px auto;
	font-family: "Ringside Regular SSm A", "Ringside Regular SSm B", "Helvetica Neue", Arial, sans-serif;
	line-height: 2;
	hyphens:auto;
	}
ul > li > ul {margin-top:36px;}

li {margin-bottom: 36px;}

ul > li > ul > li {list-style-type: square;}
ul > li > ul > li::marker {color: red;}


.highlight, .hilight, .hilite, .hi { background-color: rgba(255,252,121,0.30); }


footer {
	margin:144px auto auto auto;
	border-top: thin solid darkgray;
	font-weight:300;
	font-size:small;
	}
footer nav {
text-align:center;
max-width:600px;
}

footer p {
	text-align: justify;
	hyphens: auto;
}
strong {color:#000040}

nav#top {
text-align:left;
//max-width:600px;
max-height:30px;
background-color: white;
margin: 12px auto 12px auto;
padding:auto auto 12px auto;
}

nav#top ul > li {
display:inline-block;
margin-right: 1.50em;
margin-left:0;
}
nav#top ul { margin-left: 0;}

nav#top  {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top:0;
  background-color: #fff;
}



nav.toc {
text-align:left;
max-width:600px;
}
nav.toc li {
margin-bottom: 1em;
text-align:left;
max-width:600px;
}

#pdf {line-height: 2;}

.para { display:block; }
.para::before {
	content:"\00B6\2003";
	color:cornflowerblue;
	} 
	
.sc,.small-caps {
	font-size:96%;
	text-transform: uppercase;
	}