/* ── MD Comparison Table ─────────────────────────────────────────────────── */

.md-ct-card {
	position: relative;
	background-color: var(--md-ct-card-bg, #fff);
	padding: var(--md-ct-pt, 40px) var(--md-ct-pr, 40px) var(--md-ct-pb, 40px) var(--md-ct-pl, 40px);
	box-sizing: border-box;
	height: 100%;
}

/*
 * Border is drawn via ::after pseudo-element so it cannot be suppressed
 * by theme CSS resets that target border on div elements.
 */
.md-ct-card::after {
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.md-ct-card.md-ct-style_1::after {
	border: 2px solid var(--md-ct-accent, #CC1A1A);
}

.md-ct-card.md-ct-style_2::after {
	border: 1px solid #e5e5e5;
}

/* Badge */
.md-ct-badge {
	position: absolute;
	top: 0;
	left: 20px;
	transform: translateY(-50%);
	z-index: 1;
	background-color: var(--md-ct-accent, #CC1A1A);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	padding: 5px 14px;
	line-height: 1.4;
}

/* Title */
.md-ct-title {
	font-size: var(--md-ct-title-size, 28px) !important;
	font-weight: var(--md-ct-title-weight, 700) !important;
	color: var(--md-ct-title-color, #111) !important;
	margin: 0 0 var(--md-ct-title-mb, 8px) !important;
	padding: 0 !important;
	line-height: 1.2 !important;
}

/* Subtitle */
.md-ct-subtitle {
	font-size: var(--md-ct-subtitle-size, 14px);
	font-weight: var(--md-ct-subtitle-weight, 400);
	color: var(--md-ct-subtitle-color, #666);
	margin: 0 0 var(--md-ct-subtitle-mb, 20px) !important;
	padding: 0;
	line-height: 1.4;
}

/* List */
.md-ct-list {
	list-style: none;
	margin: 0;
	padding: 0;
	margin: 0 !important;
}

.md-ct-item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding-top: var(--md-ct-item-spacing, 16px);
	padding-bottom: var(--md-ct-item-spacing, 16px);
	border-top: 1px solid #e5e5e5;
	font-size: var(--md-ct-item-size, 15px);
	font-weight: var(--md-ct-item-weight, 400);
	color: var(--md-ct-item-color, #333);
	line-height: 1.5;
}

.md-ct-item:first-child {
	border-top: none;
}

.md-ct-item:last-child {
	padding-bottom: 0;
}

/* Icon column */
.md-ct-icon {
	flex-shrink: 0;
	width: 18px;
	text-align: center;
	line-height: 1.5;
}

.md-ct-card.md-ct-style_1 .md-ct-icon {
	color: var(--md-ct-accent, #CC1A1A);
	font-weight: 700;
}

.md-ct-card.md-ct-style_2 .md-ct-icon {
	color: #aaa;
}

/* Text column */
.md-ct-text {
	flex: 1;
}