/* Shared sizing */
table[class^="TransumTable"] {
	width: 100%;
	max-width: 760px;
	margin: 1.5rem auto;
	box-sizing: border-box;
}

table[class^="TransumTable"] th,
table[class^="TransumTable"] td {
	padding: 0.85rem 1rem;
	text-align: center;
}

/* 1. Soft clay buttons */
.TransumTable1 {
	border-collapse: separate;
	border-spacing: 11px;
	padding: 10px;
	color: #445066;
	background: #e9eef5;
	border-radius: 25px;
	box-shadow:
		12px 12px 25px #c2c8d1,
		-12px -12px 25px #ffffff;
	font-family: Arial, sans-serif;
}

.TransumTable1 th,
.TransumTable1 td {
	border-radius: 14px;
	background: #e9eef5;
	box-shadow:
		5px 5px 10px #c7cdd6,
		-5px -5px 10px #ffffff;
}

.TransumTable1 thead th {
	color: #49397a;
	background: #dcd4fa;
}

.TransumTable1 tbody th {
	color: #754b32;
	background: #f7d9c4;
}


.TransumTable1 thead th:first-child {
	background-color: #e9eef5;
}

/*
.TransumTable1 tbody tr:nth-child(even) td {
	background: #d8eee6;
}
*/




/* 2. School exercise book */
.TransumTable2 {
	border-collapse: collapse;
	color: #33435b;
	background: #fffdf1;
	border-left: 7px solid #e56565;
	box-shadow: 3px 5px 16px rgba(67, 59, 41, 0.18);
	font-family: Georgia, serif;
}

.TransumTable2 th,
.TransumTable2 td {
	border-bottom: 1px solid #b9d9ed;
}

.TransumTable2 thead th {
	color: #1e4d72;
	background: #fff9dc;
	border-bottom: 4px double #517fa3;
}

.TransumTable2 tbody th {
	color: #b44848;
	background: #fff8e8;
	border-right: 2px dashed #e99a9a;
}

.TransumTable2 tbody tr:nth-child(even) {
	background: #f6fbff;
}


/* 3. The book stop. */
.TransumTable3 {
	border-collapse: separate;
	border-spacing: 4px;
	color: #ffffff;
	background-color:black;
	border: 2px solid #ff38d1;
	box-shadow:
		0 0 8px #ff38d1,
		0 0 24px rgba(0, 238, 255, 0.65);
	font-family: "Courier New", monospace;
}

.TransumTable3 thead th {
	color: white;
	background-color:#005541;
	text-shadow: 1px 1px #000;
	box-shadow: 0 0 9px #00efff;
}

.TransumTable3 tbody th {
	color: white;
	background-color:#005541;
	text-shadow: 1px 1px #000;
	box-shadow: 0 0 9px #00efff;
}

.TransumTable3 td {
	color: #f7eaff;
	background-color:#CCFF99;
	border: 1px solid #813dff;
	text-shadow: 0 0 5px #b57aff;
}

/* 4. Midnight glass */
.TransumTable4 {
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	color: #e9fcff;
	background: #071724;
	border: 1px solid #42d9ee;
	border-radius: 18px;
	box-shadow: 0 18px 45px rgba(0, 25, 45, 0.45);
	font-family: Arial, sans-serif;
}

.TransumTable4 thead th {
	color: #03141c;
	background: linear-gradient(135deg, #7ef1ff, #29bfd8);
}

.TransumTable4 tbody th {
	color: #8ef3ff;
	background: #0c2d3b;
}

.TransumTable4 td {
	background: rgba(12, 41, 56, 0.78);
	border-left: 1px solid rgba(126, 241, 255, 0.18);
	border-top: 1px solid rgba(126, 241, 255, 0.18);
}

.TransumTable4 tbody tr:nth-child(even) td {
	background: #103747;
}



/* 5. Architect's blueprint */
.TransumTable5 {
	border-collapse: collapse;
	color: #ffffff;
	background-color: #075397;
	background-image:
		linear-gradient(rgba(255,255,255,0.06) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,0.06) 1px, transparent 1px);
	background-size: 20px 20px;
	border: 5px solid #e6f5ff;
	box-shadow: 0 10px 25px rgba(3, 40, 75, 0.35);
	font-family: "Courier New", monospace;
}

.TransumTable5 th,
.TransumTable5 td {
	border: 1px solid rgba(255, 255, 255, 0.72);
}

.TransumTable5 thead th {
	background: rgba(0, 35, 78, 0.72);
	border-bottom-width: 4px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.TransumTable5 tbody th {
	background: rgba(0, 48, 94, 0.65);
}

.TransumTable5 td {
	background: rgba(8, 94, 164, 0.35);
}


/* 6. Black and gold Art Deco */
.TransumTable6 {
	border-collapse: collapse;
	color: #f3e7bd;
	background: #151515;
	border: 7px double #d5b45a;
	outline: 1px solid #d5b45a;
	outline-offset: 4px;
	box-shadow: 0 14px 32px rgba(0, 0, 0, 0.4);
	font-family:Arial, Helvetica, sans-serif;
}

.TransumTable6 th,
.TransumTable6 td {
	border: 1px solid #806b35;
}

.TransumTable6 thead th {
	color: black;
	background: linear-gradient(135deg, #a37d27, #f2dc8b, #a37d27);
	letter-spacing: 2px;
	font-size:14px;
	font-weight:bold;
	white-space:nowrap;
}

.TransumTable6 tbody th {
	color: #e9ca71;
	background: #29230f;
	white-space:nowrap;
}

.TransumTable6 tbody tr:nth-child(even) td {
	background: #211f1a;
}




/* 7. Newspaper editorial */
.TransumTable7 {
	border-collapse: collapse;
	color: #111111;
	background: #ffffff;
	border-top: 9px solid #111111;
	border-bottom: 9px solid #111111;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.14);
	font-family: Georgia, "Times New Roman", serif;
}

.TransumTable7 thead th {
	color: #ffffff;
	background: #111111;
	border-right: 1px solid #ffffff;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.TransumTable7 tbody th {
	text-align: left;
	font-style: italic;
	border-right: 3px double #111111;
}

.TransumTable7 tbody tr {
	border-bottom: 1px solid #777777;
}

.TransumTable7 tbody tr:last-child {
	border-bottom: 4px double #111111;
}

.TransumTable7 tbody tr:nth-child(even) {
	background: #eeeeee;
}


/* 8. League Table */
.TransumTable8 {
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	color: #24462f;
	background: #f2f8ee;
	border: 2px solid #76a66c;
	border-radius: 24px 6px 24px 6px;
	box-shadow: 0 14px 30px rgba(45, 91, 54, 0.24);
	font-family: Arial, sans-serif;
}

.TransumTable8 thead th {
	color: #ffffff;
	background: linear-gradient(135deg, #25643b, #5b9a58);
	padding: 0.15rem 0.3rem !important;
}

.TransumTable8 tbody th {
	color: #285636;
	background: #d6ebc9;
	border-right: 3px solid #80b36f;
	padding: 0.15rem 0.3rem !important;
}

.TransumTable8 td {
	border-bottom: 1px solid #bdd7b3;
	padding: 0.15rem 0.3rem 0.5rem !important;

}

.TransumTable8 tbody tr:nth-child(even) td {
	background: #e8f4df;
}




/* 9. Aurora frost */
.TransumTable9 {
	border-collapse: separate;
	border-spacing: 1px;
	padding: 12px;
	overflow: hidden;
	color: #ffffff;
	background:
		linear-gradient(135deg, #6756d8 0%, #18b7bc 45%, #e252a7 100%);
	border-radius: 22px;
	box-shadow: 0 18px 42px rgba(59, 49, 133, 0.38);
	font-family: Arial, sans-serif;
}

.TransumTable9 th,
.TransumTable9 td {
	background: rgba(12, 16, 46, 0.68);
	backdrop-filter: blur(8px);
}

.TransumTable9 thead th {
	background: rgba(255, 255, 255, 0.28);
	border-bottom: 2px solid rgba(255, 255, 255, 0.7);
}

.TransumTable9 tbody th {
	color: #ffffff;
	background: rgba(27, 22, 82, 0.76);
}

.TransumTable9 tbody tr:hover td {
	background: rgba(255, 255, 255, 0.22);
}


/* 10. Retro computer terminal */
.TransumTable10 {
	border-collapse: separate;
	border-spacing: 3px;
	color: #69ff75;
	background: #020803;
	border: 5px ridge #36783c;
	box-shadow:
		inset 0 0 25px rgba(55, 255, 80, 0.12),
		0 12px 28px rgba(0, 0, 0, 0.45);
	font-family: "Courier New", monospace;
}

.TransumTable10 th,
.TransumTable10 td {
	border: 1px dashed #297a34;
	text-shadow: 0 0 5px #32e248;
}

.TransumTable10 thead th {
	color: #001d05;
	background: #68f875;
	text-shadow: none;
}

.TransumTable10 tbody th {
	color: #a9ffae;
	background: #0b2e10;
}

.TransumTable10 tbody tr:nth-child(even) td {
	background: #071a0a;
}


/* 11. Mediterranean tiles */
.TransumTable11 {
	border-collapse: collapse;
	color: #493122;
	background: #fff8e8;
	border: 8px solid #175ca8;
	box-shadow:
		0 0 0 4px #e77842,
		0 14px 30px rgba(74, 43, 25, 0.3);
	font-family: Georgia, serif;
}

.TransumTable11 th,
.TransumTable11 td {
	border: 2px solid #175ca8;
}

.TransumTable11 thead th {
	color: #ffffff;
	background-color: #175ca8;
	background-image: radial-gradient(
		circle at center,
		#46a6c9 0 18%,
		transparent 19% 100%
	);
	background-size: 22px 22px;
}

.TransumTable11 tbody th {
	color: #ffffff;
	background: #dc683e;
}

.TransumTable11 td {
	background: #fff9e9;
}

.TransumTable11 tbody tr:nth-child(even) td {
	background: #f7e4be;
}



@media print {
	table[class^="TransumTable"] {
		border-collapse: collapse !important;
		border-spacing: 0 !important;
		color: #000 !important;
		background: #fff !important;
		background-image: none !important;
		border: 1px solid #000 !important;
		border-radius: 0 !important;
		outline: none !important;
		box-shadow: none !important;
		text-shadow: none !important;
		break-inside: avoid;
	}

	table[class^="TransumTable"] th,
	table[class^="TransumTable"] td {
		color: #000 !important;
		background: #fff !important;
		background-image: none !important;
		border: 1px solid #000 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
}