/* Inferencium - Website - CSS - Table */
/* Version: 1.1.1 */

/* Copyright 2026 Jake Winters */
/* SPDX-License-Identifier: BSD-3-Clause */


/* Main */
table, th, td {
	border-collapse: collapse;
	border-color: #ffffff;
	border: 2px solid;
	font-size: 16px;
	padding: 15px;
}

th {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

td {
	font-size: 16px;
	text-align: center;
}

td.green, td.red {
	border-color: #ffffff;
}

td.green {
	background-color: #00a70a;
	color: #000000;
}

td.red {
	background-color: #ff0000;
	color: #ffffff;
}

td.desc-small {
	text-align: left;
}

td.qr {
	text-align: center;
}

tr.green, tr.green td, tr.green td p, tr.green td pre {
	background-color: #00a70a;
	border-color: #ffffff;
	color: #000000;
}

tr.red, tr.red td, tr.red td p, tr.red td pre {
	background-color: #ff0000;
	border-color: #ffffff;
	color: #ffffff;
}

colgroup col.small {
	width: 10%;
}

colgroup col.med {
	width: 15%;
}

colgroup col.lrg {
	width: 65%;
}


/* Common */
table.note,
table.caut,
table.warn {
	table-layout: fixed;
	width: 100%;
}

table.note td.img p, table.note td.desc p, table.note td.desc p a,
table.caut td.img p, table.caut td.desc p, table.caut td.desc p a,
table.warn td.img p, table.warn td.desc p, table.warn td.desc p a {
	font-size: 14px;
	font-weight: bold;
}

table.note td.img picture,
table.caut td.img picture,
table.warn td.img picture {
	display: inline-block;
	padding-top: 6%;
}

table.note td.img, table.note td.desc,
table.caut td.img, table.caut td.desc,
table.warn td.img, table.warn td.desc {
	border-width: 0px;
}

td.desc p,
table.note td.desc p,
table.caut td.desc p,
table.warn td.desc p {
	border-width: 0px;
	text-align: left;
}

table.note td.desc p sup a,
table.caut td.desc p sup a,
table.warn td.desc p sup a {
	font-size: 12px;
}


/* Note */
table.note {
	border-color: #1e90ff;
}

table.note td.img p {
	color: #1e90ff;
}


/* Caution */
table.caut, table.caut td.img p {
	border-color: #eed202;
}

table.caut td.img p {
	color: #eed202;
}


/* Warning */
table.warn, table.warn td.img p {
	border-color: #ff0000;
}

table.warn td.img p {
	color: #ff0000;
}


/* Display Size - Small */
@media (max-width: 600px) {

	table {
		width: 200vw;
	}

	table.lrg {
		width: 300vw;
	}

}


/* Colour Scheme - Light */
@media (prefers-color-scheme: light) {

	table, th, td {
		border-color: #000000;
	}

}