main > table, main > * > table {
	margin-left: calc(0px - var(--spacing-2xl,60px));
	width: calc( 100% + var(--spacing-2xl,60px) + var(--spacing-2xl,60px) );
}
* {
	--bordercolor: color-mix(in srgb, var(--lightcolor) 80%, black 10%);
}
td, th {
	padding: 10px;
	
}
tr > td, th {
	
	border-bottom: 1px solid var(--bordercolor);
}


tr:not(.no-background) > td {
	box-shadow: inset 1px 0px 0px 0px var(--bordercolor);
	background-color: color-mix(in srgb, var(--lightcolor) 80%, white);
}	

/* debug: zie meteen dat de hover actief is */
	table.js-table-annotated.is-col-hovering{
		
	}

	/* highlight: outline werkt altijd, ook als backgrounds al "druk" zijn */
	table.js-table-annotated td.is-col-hover {
	/*	box-shadow: inset 1px 0px 0px 1000px rgba(96, 186, 244, 0.1);*/
			
	}

table.js-table-annotated th.is-col-hover {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}