/**
 * ETheme-Block — shared B2B content primitives.
 *
 * Components remain responsible for their visual variants. This file only
 * provides semantic layout behavior shared by specification, comparison,
 * resource and evidence blocks, and consumes the ETheme design tokens.
 */

.etb-b2b__header {
	display: flex;
	box-sizing: border-box;
	flex-direction: column;
	gap: var(--eth-space-2xs, 0.5rem);
	margin-block-end: var(--eth-space-l, 2.5rem);
}

.etb-b2b__meta {
	display: flex;
	flex-wrap: wrap;
	gap: var(--eth-space-2xs, 0.5rem) var(--eth-space-s, 1rem);
	align-items: center;
}

.etb-b2b__table-wrap {
	max-width: 100%;
	overflow-x: auto;
	overscroll-behavior-inline: contain;
	-webkit-overflow-scrolling: touch;
	border: 1px solid var(--eth-border, rgba(0, 0, 0, 0.12));
	border-radius: var(--eth-radius-m, 0.75rem);
}

.etb-b2b__table {
	width: 100%;
	min-width: 38rem;
	border-collapse: collapse;
	color: var(--eth-text-body, #333);
	font-size: var(--eth-fs-body, 1rem);
	line-height: var(--eth-lh-body, 1.6);
}

.etb-b2b__table th,
.etb-b2b__table td {
	padding: var(--eth-space-s, 1rem) var(--eth-space-m, 1.5rem);
	border-bottom: 1px solid var(--eth-border, rgba(0, 0, 0, 0.12));
	text-align: start;
	vertical-align: top;
}

.etb-b2b__table thead th {
	background: var(--eth-bg-muted, #f5f5f7);
	color: var(--eth-text-title, #111);
	font-weight: var(--eth-fw-semibold, 600);
}

.etb-b2b__table tbody tr:last-child th,
.etb-b2b__table tbody tr:last-child td {
	border-bottom: 0;
}

.etb-b2b__empty {
	padding: var(--eth-space-l, 2.5rem);
	border: 1px dashed var(--eth-border, rgba(0, 0, 0, 0.2));
	border-radius: var(--eth-radius-m, 0.75rem);
	color: var(--eth-text-muted, #555);
	text-align: center;
}

@media (max-width: 768px) {
	.etb-b2b__header {
		margin-block-end: var(--eth-space-m, 1.5rem);
	}

	.etb-b2b__table th,
	.etb-b2b__table td {
		padding: var(--eth-space-xs, 0.75rem) var(--eth-space-s, 1rem);
	}
}