.article {
	margin: 0 15vmin 0 15vmin;
	padding: 1.25em 1.5em 0em 1.5em;
	background: #FFF;
	line-height: 1.6;
	font-size: 0.875em;
	display: block;
}
.article p {
	line-height: 1.5;
	margin: 0.5em 0;
	transition: margin 3s ease-in-out;
}

.article h1, h2 {
	font-family: 'Georgia','Times',serif;
	border-bottom: 1px solid #a2a9b1;
}

span{
	background-color:black;
}

h1 {
	line-height: 1.375;
	margin-bottom: 0.25em;
	padding: 0;
	letter-spacing: 0;
	font-size: 2em;
}

.article h2 {
	font-size: 1.6em;
	margin: 0.5em 0 0.5em 0;
	line-height: 1.4em;
	padding-bottom: 0;
}
.article h3 {
	font-weight: bold;
	font-size: 1.2em;
}
.article .role-note {
	padding: 0.25em 0 0 2em;
	font-style: italic;
}

html {
	font-family: "Helvetica", sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

a,sup,ref::before{
	color: #3375cc;
	text-decoration:none;
	display: inline;
}

a.read{
	color: #6a60b0;
}

.tools{
	display: flex;
	border-bottom: 1px solid #a2a9b1;
}

#leftnav {
	display: flex;
	margin-left: -5px;
	flex-grow: 1;
}

#rightnav {
	display: flex;
	margin-right: -5px;
}

.tool-list{
	list-style: none;
	margin: 0;
}

.tool-list-item{
	white-space: nowrap;
	float:left;
	margin: 0 8px;
}

.subtitle {
	font-size: 0.75rem;
	margin-top:8px;
}

sup{
	line-height: 1;
	font-size: 80%;
}

sup::before{
	content: "[";
	pointer-events: none;
}

sup::after{
	content: "]";
	pointer-events: none;
}

.ref{
	padding-right:0.25em;
	padding-left:0.7em;
	font-weight: bold;
}

table, .bio{
	align-content: center
}

.bio{
	table-layout: fixed;
	padding-left: 5em;
	float: right;
	border:1px solid #a2a9b1;
    color:black;
    font-size:80%;
    line-height:1.5em;
    border-spacing:3px;
    margin:0.25em 0.9em;
	width:22em
}

.bio-img{
	aspect-ratio: 158/212;
	width:15em;
    background-color: black;
	margin-left: auto;
	margin-right: auto;
}

.bio-sig {
	background-color: black;
	margin-left: auto;
	margin-right: auto;
	aspect-ratio: 155/65;
	width:15em;
	margin-bottom:0.75em;
}

.bio-header{
	font-size: 125%;
	font-weight: bold;
	text-align: center;
}

.bio-left, .bio-right{
	padding: 0 0 0.2em 0.5em;
	text-align: left;
	vertical-align: top;
	width:max-content;
}

td,th {
	padding: 0.5em;
	border-color: black;
	width:1px;
}

table {
	border-collapse: collapse;
    white-space:normal;
    width: auto;
}

ul {
	margin: 0;
	padding: 0.3em 0 0 0;
}

body {
	margin: 0;
}

b,strong {
	font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
	color: #000;
	background: none;
	font-weight: normal;
	margin: 0;
	overflow: hidden;
	padding-top: 0.5em;
	padding-bottom: 0.17em;
}

h1 {
	font-size: 2em;
	margin: 0.2em 0;
}


/*
.preload{
  position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:black;
}

body.loaded .preload {
    display: none;
}*/

@media screen and (max-width: 600px) {
	.article {
		margin: 0 0 0 0;
	}
	
	.bio{
		float: none;
		width: 22em;
		margin-left: auto;
		margin-right: auto;
	}
	
	.hide{
	  display: none;
	}
	
}