@import "fonts3.css";

/* ------------------------------ */
/* LAYOUT 2: 3-column for desktop */
/* ------------------------------ */
html, body {
	height: 100vh;
	overflow: hidden;
}

#columns {
	max-height: 100vh;
	display: flex;
	flex: 1;
	flex-direction: row;
}

.column {
	overflow-y: scroll;
	scrollbar-width: thin;
}

/* Notes culled from various sources: middle column of #clunts and #j-notes */
#annotations {
	display: flex;
	flex-direction: column;
}

/* Patrick Gallacher's footnotes and notes */
#clunts {
	order: 1;
	flex: 1 1 30vh;
}

/* 
#glossary {
	order: 2;
	flex: 1 1 15vh;
}
 */

/* Notes collated by me */
#j-notes {
	flex: 1 1 55vh;
	order: 2;
}

/* -------*/
/* Widths */
/* -------*/
/* Middle English text from Phyllis Hodgson: left-hand column */
#p-cloud {
	order: 1;
	width: 39vw;
}

/* Evelyn Underhill's edition: right-hand column */
#e-cloud {
	order: 2;
	width: 36vw;
}

/* Notes culled from various sources: middle column of #clunts and #j-notes */
#annotations {
	order: 3;
	width: 25vw;
	border-left: 1px solid;
}

#l3, #pr {font-weight: bold;}
.x {display: none;}