/* LITSLINK BLOCKS — Compare, 2 checklist cards (Traditional vs AI Agents).
   Colors sampled 1:1 from the E-Commerce §03 cut (Figma node 3012:2180).
   Block-scoped, class-based. */
.block-ll-compare-2col-checklist {
	--cchk-font: var(--ll-font, 'Montserrat', 'Montserrat-fallback', Arial, sans-serif);
	--cchk-bg: #fff;
	--cchk-ink: #010005;
	--cchk-muted: #768297;
	--cchk-body-text: #374151;
	--cchk-accent: #1690d3;
	--cchk-left-card: #f9fafb;
	--cchk-left-tile: #d6ebfa;
	--cchk-left-name: #4a5568;
	--cchk-right-card: #e8f4fb;
	--cchk-right-header: #1690d3;
	--cchk-right-text: #0c2a4a;
	--cchk-stroke: #e5e7eb;
	--cchk-stroke-tint: #cfe6f5;
	background: var(--cchk-bg);
	padding: 70px 24px;
	font-family: var(--cchk-font);
	box-sizing: border-box;
}
.block-ll-compare-2col-checklist *,
.block-ll-compare-2col-checklist *::before,
.block-ll-compare-2col-checklist *::after { box-sizing: border-box; }

.block-ll-compare-2col-checklist__inner {
	max-width: 1180px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 44px;
}

/* Header */
.block-ll-compare-2col-checklist__head { text-align: center; max-width: 820px; }
.block-ll-compare-2col-checklist__eyebrow {
	margin: 0 0 12px;
	font-size: 12px; font-weight: 700; letter-spacing: 1.2px;
	text-transform: uppercase; color: var(--cchk-muted);
}
.block-ll-compare-2col-checklist__title {
	margin: 0;
	font-size: 40px; line-height: 50px; font-weight: 700;
	letter-spacing: -1px; color: var(--cchk-ink);
}
.block-ll-compare-2col-checklist__subtitle {
	margin: 18px 0 0;
	font-size: 17px; line-height: 27px; color: var(--cchk-muted);
}

/* Cards row */
.block-ll-compare-2col-checklist__cards {
	display: flex;
	gap: 40px;
	align-items: stretch;
	width: 100%;
	justify-content: center;
}
.block-ll-compare-2col-checklist__card {
	flex: 1 1 0;
	max-width: 560px;
	border-radius: 12px;
	overflow: hidden;
}
.block-ll-compare-2col-checklist__card--left {
	background: var(--cchk-left-card);
	border: 1px solid var(--cchk-stroke);
}
.block-ll-compare-2col-checklist__card--right {
	background: var(--cchk-right-card);
}

/* Card header */
.block-ll-compare-2col-checklist__card-head {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 28px;
}
.block-ll-compare-2col-checklist__card--right .block-ll-compare-2col-checklist__card-head {
	background: var(--cchk-right-header);
}
.block-ll-compare-2col-checklist__tile {
	flex: 0 0 auto;
	width: 52px; height: 52px;
	border-radius: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.block-ll-compare-2col-checklist__tile--left  { background: var(--cchk-left-tile); }
.block-ll-compare-2col-checklist__tile--right { background: rgba(255, 255, 255, .18); }
.block-ll-compare-2col-checklist__tile-img { display: block; width: 24px; height: 24px; object-fit: contain; }
.block-ll-compare-2col-checklist__card-name {
	font-size: 20px; font-weight: 700; line-height: 26px;
}
.block-ll-compare-2col-checklist__card--left  .block-ll-compare-2col-checklist__card-name { color: var(--cchk-left-name); }
.block-ll-compare-2col-checklist__card--right .block-ll-compare-2col-checklist__card-name { color: #fff; }

/* Rows */
.block-ll-compare-2col-checklist__list {
	list-style: none;
	margin: 0;
	padding: 0 28px;
}
.block-ll-compare-2col-checklist__row {
	display: flex;
	gap: 16px;
	align-items: center;
	padding: 22px 0;
}
.block-ll-compare-2col-checklist__card--left  .block-ll-compare-2col-checklist__row { border-top: 1px solid var(--cchk-stroke); }
.block-ll-compare-2col-checklist__card--right .block-ll-compare-2col-checklist__row { border-top: 1px solid var(--cchk-stroke-tint); }
.block-ll-compare-2col-checklist__row:first-child { border-top: 0; }

.block-ll-compare-2col-checklist__check { flex: 0 0 auto; }
.block-ll-compare-2col-checklist__row-text {
	font-size: 16px; font-weight: 500; line-height: 24px;
}
.block-ll-compare-2col-checklist__card--left  .block-ll-compare-2col-checklist__row-text { color: var(--cchk-body-text); }
.block-ll-compare-2col-checklist__card--right .block-ll-compare-2col-checklist__row-text { color: var(--cchk-right-text); }

/* Responsive */
@media (max-width: 768px) {
	.block-ll-compare-2col-checklist__cards { flex-direction: column; align-items: center; }
	/* In a column flex the base `flex:1 1 0` (basis 0) combined with the card's
	   `overflow:hidden` (min-height:0) collapses each card to 0 height. `flex:0 0 auto`
	   sizes them to content. Desktop row layout keeps the equal-width `flex:1 1 0`. */
	.block-ll-compare-2col-checklist__card { flex: 0 0 auto; width: 100%; max-width: 560px; }
}
@media (max-width: 560px) {
	.block-ll-compare-2col-checklist { padding: 48px 16px; }
	.block-ll-compare-2col-checklist__title { font-size: 28px; line-height: 36px; }
	.block-ll-compare-2col-checklist__subtitle { font-size: 15px; line-height: 24px; }
	.block-ll-compare-2col-checklist__card-head { padding: 20px; gap: 12px; }
	.block-ll-compare-2col-checklist__tile { width: 44px; height: 44px; border-radius: 10px; }
	.block-ll-compare-2col-checklist__card-name { font-size: 18px; line-height: 24px; }
	.block-ll-compare-2col-checklist__list { padding: 0 20px; }
	.block-ll-compare-2col-checklist__row { padding: 18px 0; gap: 12px; }
	.block-ll-compare-2col-checklist__row-text { font-size: 15px; line-height: 22px; }
}