body {
 	font-size:14px;
	height: 29.7cm;
    width: 20cm; /*98%;*/
   /* to centre page on screen*/
    margin-left: auto; /* auto for centre */
	margin-right: auto;
	background-color: white; 
	counter-reset: figure table;
	margin-left: -0px; 
}

p {
	line-height: 1.2em;
	font-weight: 300; 
	margin-top: 6px; 
	margin-bottom: 6px;
}
p.updated { font-size:94%; } 

/* ------------ captions --------------- */

img { width: 100%; } 

.caption {
	caption-side: top;
	padding: 0 0 0.3rem;
	color: #243447;
	font-size: 0.9rem;
	line-height: 1.4;
	text-align: left;
	letter-spacing: 0.01em;
	margin-bottom: 12px; 
}
.figure-caption {
	counter-increment: figure;
}

.figure-caption::before {
	content: "Figure " counter(figure) ". ";
	font-weight: 600;
}

.table-caption {
	counter-increment: table;
}

.table-caption::before {
	content: "Table " counter(table) ". ";
	font-weight: 600;
}

/* ------------ headings --------------- */

h4 { 
	font-weight: 600; 
	margin-top:24px;
	margin-left: 0px;
	margin-right: 0px; 
	margin-bottom: 10px;
}
h5 {
	margin-bottom: 10px;
}

table { width:100%; border-collapse: collapse; }
td { vertical-align:top; padding:10px; border: 1px solid lightgrey;  }

.quote {
	border: 1px solid lightgrey;
	padding-top:8px; 
	padding-left:10px; padding-right:10px; 
	padding-bottom:8px; 
	margin-left: 50px; margin-right: 50px; 
}

ul { margin-left:-16px; margin-top:0px; margin-bottom:0px; }
li { margin-bottom: 6px; } 

/* ------------ three columns --------------- */

.three-columns {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.5rem;
}

@media (max-width: 700px) {
	.three-columns {
		grid-template-columns: 1fr;
	}
}
/* ------------ two columns --------------- */

.two-columns {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.5rem;
}

@media (max-width: 700px) {
	.two-columns {
		grid-template-columns: 1fr;
	}
}