@import "fonts4.css";

/* ------------------------------ */
/* LAYOUT 4: 4-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;
}

/* -------- */
/* WIDTHS 2 */
/* -------- */

/* Middle English text from Phyllis Hodgson: left-hand column */
#p-cloud {
	order: 1;
	width: 34vw;
}
/* Evelyn Underhill's edition: middle column */
#e-cloud {
	order: 2;
	width: 32vw;
}

/* Notes culled from various sources: right-hand column of #clunts and #j-notes */
#annotations {
	order: 3;
	display: flex;
	flex-direction: row;
}

/* PJG's notes and footnotes */
#clunts {
	order: 1;
	width: 17vw;
	border-left: 1px solid;
}

/* Notes collated by me */
#j-notes {
	order: 2;
	width: 17vw;
	border-left: 1px solid;
}

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