@media (max-width: 730px) {
	.table-scroll-outer {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		margin-left: -20px;
		margin-right: -20px;
		width: calc(100% + 40px) !important;
		max-width: calc(100% + 40px) !important;
	}

	.table-scroll-outer > table {
		display: block;
		min-width: 100%;
		border-collapse: collapse;
	}

	*:is(.inline-table, article table) td > .tdwrap,
	*:is(.inline-table, article table) th > .tdwrap {
		display: inline-block;
		min-width: 220px;
		max-width: 500px;
		white-space: normal;
		word-break: break-word;
		box-sizing: border-box;
	}

	*:is(.inline-table, article table) td > .tdwrap.td-nowrap,
	*:is(.inline-table, article table) th > .tdwrap.td-nowrap {
		white-space: nowrap;
		word-break: normal;
	}

	*:is(.inline-table, article table) td,
	*:is(.inline-table, article table) th {
		padding: 8px 10px;
	}

	*:is(.inline-table, article table) td[width],
	*:is(.inline-table, article table) th[width] {
		width: auto !important;
	}

	/* debug (optioneel, haal weg als je klaar bent)
	.tdwrap.td-nowrap { outline: 1px solid green; }
	.tdwrap.td-haswrap { outline: 1px solid red; }
	*/
}