<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* BODY */
body{
	text-align: center;
}

/* DIVS */
div{
	margin-bottom: 10px;
	display: inline-block;
	padding: 10px;
}

div.heading{
	width: 90%;
	border: 2px solid black;
}

div.toc{
	width: 400px;
	/*border: 1px dotted black;*/
}

div.intro{
	width: 80%;
	/*border: 1px dotted black;*/
}

div.data{
	width: 60%;
	/*border: 1px dotted black;*/
}

div.vis{
	width: 80%;
	/*border: 1px dotted black;*/
}

/* P */
p{
	text-indent: 30px;
	text-align: left;
}

/* LISTS */
ul{
	text-align: left;
}

/* CHART */
svg.chart{
	border: 1px solid black;
}

/* SVG ELEMENTS */
svg rect.bar{
	stroke: black;
	fill: blue;
}

svg rect.header{
	stroke: black;
	fill: none;
}

svg rect.bar:hover{
	fill: orange;
}

svg text.label{
	fill: black;
}

svg text.innerLabel{
	fill: white;
	pointer-events: none;
}

svg text.title{
	fill: black;
	font: bold 16px sans-serif;
}

svg rect.control{
	fill: lightgrey;
	stroke: black;
}

svg text.control{
	fill: black;
	stroke: none;
	alignment-baseline: middle;
	text-anchor: middle;
	pointer-events: none;
}</pre></body></html>