/* Scoped to the shortcode so Elementor and WoodMart keep their own typography. */
.tvws-kit-comparison {
	--tvws-kit-accent: var(--wd-primary-color, #673ab7);
	--tvws-kit-border: var(--brdcolor-gray-300, #e8e5ed);
	--tvws-kit-tint: var(--bgcolor-gray-100, #f7f5fa);
	width: 100%;
}
.tvws-kit-comparison section {
	margin-block: 0 2.5rem;
	scroll-margin-top: 120px;
}
.tvws-kit-comparison .tvws-kit-table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	font-size: .875rem;
	line-height: 1.5;
}
.tvws-kit-comparison .tvws-kit-table th,
.tvws-kit-comparison .tvws-kit-table td {
	padding: 1rem .75rem;
	border-bottom: 1px solid var(--tvws-kit-border);
	text-align: start;
	vertical-align: top;
	text-transform: none;
	overflow-wrap: anywhere;
}
.tvws-kit-comparison .tvws-kit-table thead {
	background: var(--tvws-kit-tint);
}
.tvws-kit-comparison .tvws-kit-product {
	display: flex;
	align-items: center;
	gap: .75rem;
	min-width: 150px;
}
.tvws-kit-comparison .tvws-kit-product img {
	width: 64px;
	height: 64px;
	object-fit: contain;
	flex: 0 0 64px;
	border-radius: var(--wd-brd-radius, 4px);
}
.tvws-kit-comparison .tvws-kit-product a,
.tvws-kit-comparison summary {
	color: var(--tvws-kit-accent);
	text-decoration: underline;
	text-underline-offset: 3px;
}
.tvws-kit-comparison .tvws-kit-lines {
	list-style: none;
	margin: 0;
	padding: 0;
}
.tvws-kit-comparison .tvws-kit-summary {
	display: block;
	margin-bottom: .25rem;
}
.tvws-kit-comparison .tvws-kit-lines li {
	margin: 0 0 .4rem;
}
.tvws-kit-comparison details + details {
	margin-top: .5rem;
}
.tvws-kit-comparison summary {
	min-height: 44px;
	padding-block: .5rem;
	cursor: pointer;
}
.tvws-kit-comparison details[open] summary {
	margin-bottom: .5rem;
}
.tvws-kit-comparison small {
	display: block;
	margin-top: .5rem;
	line-height: 1.5;
}
.tvws-kit-comparison .tvws-kit-link {
	min-height: 44px;
	white-space: normal;
}
.tvws-kit-comparison a:focus-visible,
.tvws-kit-comparison summary:focus-visible {
	outline: 2px solid var(--tvws-kit-accent);
	outline-offset: 3px;
}
@media (max-width: 1024px) {
	.tvws-kit-comparison .tvws-kit-table,
	.tvws-kit-comparison .tvws-kit-table tbody,
	.tvws-kit-comparison .tvws-kit-table tr,
	.tvws-kit-comparison .tvws-kit-table th,
	.tvws-kit-comparison .tvws-kit-table td {
		display: block;
	}
	.tvws-kit-comparison .tvws-kit-table thead {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip-path: inset(50%);
	}
	.tvws-kit-comparison .tvws-kit-table tbody tr {
		margin-bottom: 1rem;
		padding: 1rem;
		border: 1px solid var(--tvws-kit-border);
		border-radius: var(--wd-brd-radius, 4px);
	}
	.tvws-kit-comparison .tvws-kit-table th,
	.tvws-kit-comparison .tvws-kit-table td {
		padding: .5rem 0;
		border: 0;
	}
	.tvws-kit-comparison td[data-label]::before {
		content: attr(data-label);
		display: block;
		margin-bottom: .25rem;
		font-weight: 600;
	}
}