html, body {
	height:100%;
}
.target {
	box-shadow: inset 0 0 10px rgba(0, 204, 200, 1);
}
.secdiv {
	height:26px;
	width:100%;
	background-color: MidnightBlue;
	color: white;
	font-size: 24px;
}
.sectitle {
	background-color: #f9f1e2;
	color: MidnightBlue;
	border-bottom:1px solid GoldenRod;
	font-size:20px;
}
div#pdisp-head {
	display: flex;
	justify-content:space-between;
}
div#card-lbl {
	width:100%;
	height:0px;
	opacity:1;
	overflow:hidden;
	transition:height 0.25s;
	transition-delay:0.75s;
}
div#card-lbl.is-open {
	height:26px;
	width:100%;
	opacity:1;
	transition:height 0.25s;
}
div#card-disp {
	width:100%;
	height:0px;
	opacity:0;
	overflow:hidden;
	transition:height 0.75s, opacity 1s;
}
div#card-disp.is-open {
	width:100%;
	height:1500px;
	opacity:1;
	overflow:auto;
	transition:all 0.75s;
	transition-delay:0.35s;
}
button.assess-details {
	transform:rotate(0deg);
	transition:transform 0.5s;
}
button.assess-details.is-open {
	transform:rotate(90deg);
	transition:transform 0.5s;
}
div.assess-details {
	height:0px;
	overflow:hidden;
	transition:height 0.5s;
}
div.assess-details.is-open {
	height:200px;
	overflow:auto;
	transition:height 0.5s;
}
.assess-details-tab {
	background-color:#f3efe8;
	color:DimGray;
	cursor:context-menu;
}
.assess-details-tab.is-open {
	background-color:#f9f1e2;
	color:MidnightBlue;
	border-bottom:1px solid GoldenRod;
}
.assess-tract {
	display:grid;
	gap:0px 5px;
	grid-template-columns:0.8fr 0.8fr auto;
	height:0px;
	width:0%;
	overflow:hidden;
	border-bottom:1px solid GoldenRod;
	margin:0;
}
.assess-tract-big {
	grid-column: 1 / span 3;
}
.assess-tract.is-open {
	height:175px;
	width:100%;
}
.assess-xmpt {
	height:0px;
	width:0%;
	overflow:hidden;
	border-bottom:1px solid GoldenRod;
	margin:0;
}
.assess-xmpt.is-open {
	height:150px;
	width:100%;
}
.assessment tr {
	cursor:context-menu;
}
.assessment td {
	cursor:context-menu;
}
.assessment tr:hover {
	box-shadow: inset 0 0 10px rgba(0, 204, 200, 1);
}
#display_mb {
	display:none;
	max-width:900px;
	minwidth:370px;
}
#display_mb tr {
	white-space: nowrap;
	overflow: hidden;
	width:100%;
	cursor:context-menu;
}
td {
	text-align: left;
	margin: 0px 2px 0px 0px;
	padding: 0px 5px 0px 0px;
	font-size:clamp(1rem, 2vw, 1.2rem);
}
#display_mb th {
	background-color: #fcf1dd;
	color: DarkBlue;
}
#display_mb td {
	border: 1px solid #f2d9bf;
	color: #24435c;
	overflow: hidden;
	width:100%
}
span {
	width:100%;
	font-size:clamp(1rem, 2vw, 1.8rem);
}
#display_mb tr:nth-child(odd) {
	background-color: #faf0e6;
}
#display_mb tr:hover {
	background-color: #dcdcdc;
}

@media only screen and (max-width: 980px) {
	#display_ls {
		display:none;
	}
	#display_mb {
		display:table;
	}
}