body	      { margin: 1% 9% 5% 9% }/* top right bottom left */
main, section { line-height: 1.75em }
table.rl td:first-child,
nav, figs     { justify-content: space-between;
		display: flex }
nav	      { font-size: 150% }
aside.n       { margin-left: 64% }
aside	      { margin-left: 24%;
		font-size: 80%;
		color: teal }
h1, h2, h3    { margin-top: 2em }
h4	      { margin-left: 1em }
ul.n          { list-style-type: none }
ol.u	      { margin-left: -1.5em }
ol[hidden]    { background: lavender }
ol[hidden] li { margin: 1em }
main p,
section p     { text-indent: 1.5em }
p.src	      { text-align: right;
		color: grey }
.sur	      { display: inline-block;
		margin-left: 1em;
		float: right }
.vert	      { transform: rotate(90deg) }
a	      { text-decoration: none }
a:hover	      { color: gold }
*[onclick],
e, f	      { cursor: pointer;
		color: blue }
f:hover+n     { visibility: visible;
		display: block }
n	      { visibility: hidden;
		display: block }
c	      { display: none }
e:hover+c     { display: initial }
n, c	      { position: absolute;
		max-width: 800px;
		background: #fff;
		font-size: 90%;
		padding: 9px;
		border: 1px solid rgba(0,0,0,0.1);
		border-radius: 3px;
		box-shadow: 0 15px 45px -15px rgba(0,0,0,0.3);
		text-indent: 0;
		z-index: 9 }
table	      { margin: 1em 0 1em 3em;
		width: 50% }
table.r
td:first-child{ text-align: right }
table.rl
td:last-child { padding-left: .5em;
		width: 50% }
tr:nth-child(odd) {
		background: lavender }
th	      { background: coral;
		color: white }
figcaption,
table.c td    { text-align: center }
pre.i         { margin: 0 1em 0 1em }
blockquote    { border: 1px solid tan;
		padding: 5px 1em 5px 1em;
		color: navy }
t	      { color: gray }
h	      { background: yellow;
		color: blue }
k	      { background: lime;
		color: brown }