/**
 * Responsive tables
 *
 * Core/table keeps its normal Gutenberg controls and visual styles. This file
 * only provides enough inline space per column and a contained scroll area
 * when the available width is smaller than the table needs.
 */
.wp-block-table {
	max-inline-size: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior-inline: contain;
	scrollbar-width: thin;
}

.wp-block-table > table {
	min-inline-size: 100%;
}

/*
 * 9rem per column is wide enough for ordinary German words and short labels.
 * Wider tables grow beyond the viewport and use the block's scroll container
 * instead of squeezing cells until words break letter by letter.
 */
.wp-block-table > table:has(tr > :nth-child(2)) {
	min-inline-size: max(100%, 18rem);
}

.wp-block-table > table:has(tr > :nth-child(3)) {
	min-inline-size: max(100%, 27rem);
}

.wp-block-table > table:has(tr > :nth-child(4)) {
	min-inline-size: max(100%, 36rem);
}

.wp-block-table > table:has(tr > :nth-child(5)) {
	min-inline-size: max(100%, 45rem);
}

.wp-block-table > table:has(tr > :nth-child(6)) {
	min-inline-size: max(100%, 54rem);
}

.wp-block-table > table:has(tr > :nth-child(7)) {
	min-inline-size: max(100%, 63rem);
}

.wp-block-table > table:has(tr > :nth-child(8)) {
	min-inline-size: max(100%, 72rem);
}

.wp-block-table.wp-block-table > table > :is(thead, tbody, tfoot) > tr > :is(th, td),
.wp-block-table.wp-block-table > table > tr > :is(th, td) {
	word-break: normal;
	overflow-wrap: normal;
	hyphens: auto;
}

.wp-block-table::-webkit-scrollbar {
	height: 10px;
}

.wp-block-table::-webkit-scrollbar-thumb {
	background: #6b6b72;
	background-clip: padding-box;
	border: 3px solid transparent;
	border-radius: 999px;
}