/* =============================================================================
 * LITSLINK BLOCKS — Integrations · 2-col rows
 * (acf/ll-integrations-2col-rows)
 * Self-contained: block-scoped palette, literal font fallback. No global .block-head.
 * Palette sampled from the mockup cut (sports-software / 11-11-integrations.png).
 * ========================================================================== */
.block-ll-integrations-2col-rows {
	--i2r-ink: #0f172b;
	--i2r-eyebrow: #64748b;
	--i2r-subtitle: #64748b;
	--i2r-accent: #1690d3;
	--i2r-section-bg: #f8fafc;
	--i2r-card-bg: #ffffff;
	--i2r-card-border: #eef2f7;
	--i2r-icon-tile: #eaf4fb;
	--i2r-row-name: #1f2937;
	--i2r-row-detail: #6b7280;
	--i2r-divider: #eef1f5;
	font-family: var(--ll-font, 'Montserrat', 'Montserrat-fallback', Arial, sans-serif);
	background: var(--i2r-section-bg);
	padding: 80px 0;
	box-sizing: border-box;
}
.block-ll-integrations-2col-rows *,
.block-ll-integrations-2col-rows *::before,
.block-ll-integrations-2col-rows *::after { box-sizing: border-box; }

.block-ll-integrations-2col-rows__inner {
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 20px;
}

/* Header */
.block-ll-integrations-2col-rows__head { text-align: center; margin: 0 auto 56px; max-width: 780px; }
.block-ll-integrations-2col-rows__eyebrow {
	margin: 0 0 16px;
	font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
	color: var(--i2r-eyebrow);
}
.block-ll-integrations-2col-rows__title {
	margin: 0; font-size: 42px; line-height: 1.2; font-weight: 700; color: var(--i2r-ink);
}
.block-ll-integrations-2col-rows__subtitle {
	margin: 20px auto 0; max-width: 600px; font-size: 16px; line-height: 27px; color: var(--i2r-subtitle);
}

/* Grid — 2x2 */
.block-ll-integrations-2col-rows__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 40px;
	align-items: stretch;
}

/* Card */
.block-ll-integrations-2col-rows__card {
	display: flex;
	flex-direction: column;
	background: var(--i2r-card-bg);
	border: 1px solid var(--i2r-card-border);
	border-radius: 22px;
	padding: 36px 40px 20px;
}

/* Card head: pale-blue icon tile + bold title (may wrap two lines) */
.block-ll-integrations-2col-rows__card-head {
	display: flex;
	align-items: center;
	gap: 18px;
	margin-bottom: 22px;
}
.block-ll-integrations-2col-rows__icon {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 12px;
	background: var(--i2r-icon-tile);
	color: var(--i2r-accent);
}
.block-ll-integrations-2col-rows__icon svg,
.block-ll-integrations-2col-rows__icon img { display: block; }
.block-ll-integrations-2col-rows__label {
	margin: 0; font-size: 20px; line-height: 27px; font-weight: 700; color: var(--i2r-ink);
}

/* Rows: name left | detail right, divider between rows */
.block-ll-integrations-2col-rows__rows {
	list-style: none;
	margin: 0;
	padding: 0;
}
.block-ll-integrations-2col-rows__row {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 24px;
	padding: 14px 0;
	border-top: 1px solid var(--i2r-divider);
}
.block-ll-integrations-2col-rows__name {
	font-size: 15px; line-height: 22px; font-weight: 600; color: var(--i2r-row-name);
	flex: 1 1 auto;
	min-width: 0;
}
.block-ll-integrations-2col-rows__detail {
	font-size: 15px; line-height: 22px; font-weight: 400; color: var(--i2r-row-detail);
	flex: 0 1 auto;
	text-align: right;
}

/* Responsive */
@media (max-width: 1024px) {
	.block-ll-integrations-2col-rows { padding: 64px 0; }
	.block-ll-integrations-2col-rows__title { font-size: 32px; line-height: 42px; }
	.block-ll-integrations-2col-rows__head { margin-bottom: 40px; }
	.block-ll-integrations-2col-rows__grid { gap: 28px; }
}
@media (max-width: 782px) {
	.block-ll-integrations-2col-rows { padding: 48px 0; }
	.block-ll-integrations-2col-rows__title { font-size: 25px; line-height: 33px; }
	.block-ll-integrations-2col-rows__grid { grid-template-columns: 1fr; gap: 20px; }
	.block-ll-integrations-2col-rows__card { padding: 24px 24px 12px; }
	.block-ll-integrations-2col-rows__card-head { gap: 14px; margin-bottom: 18px; }
	.block-ll-integrations-2col-rows__label { font-size: 18px; line-height: 25px; }
	.block-ll-integrations-2col-rows__row { gap: 16px; padding: 12px 0; }
	.block-ll-integrations-2col-rows__name,
	.block-ll-integrations-2col-rows__detail { font-size: 14px; line-height: 20px; }
}