/* =============================================================================
 * LITSLINK BLOCKS — Services · 2 cols + read-more (acf/ll-services-2col-readmore)
 * Self-contained: block-scoped palette, literal font fallback. No global .block-head.
 * Palette sampled from the Custom Software Dev mockup cuts (01-seg-01 / 05-seg-05).
 * ========================================================================== */
.block-ll-services-2col-readmore {
	--svc2-ink: #010005;
	--svc2-muted: #737373;
	--svc2-subtitle: #4b5563;
	--svc2-eyebrow: #768297;
	--svc2-accent: #1690d3;
	--svc2-tile-bg: #eff6ff;
	--svc2-section-bg: #f9fafb;
	--svc2-card-bg: #ffffff;
	--svc2-card-border: #e5e9f0;
	--svc2-card-shadow: 0 2px 12px rgba(16, 24, 40, .05);
	font-family: var(--ll-font, 'Montserrat', 'Montserrat-fallback', Arial, sans-serif);
	background: var(--svc2-section-bg);
	padding: 80px 0;
	box-sizing: border-box;
}
.block-ll-services-2col-readmore *,
.block-ll-services-2col-readmore *::before,
.block-ll-services-2col-readmore *::after { box-sizing: border-box; }

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

/* Header */
.block-ll-services-2col-readmore__head { text-align: center; margin: 0 auto 48px; max-width: 860px; }
.block-ll-services-2col-readmore__eyebrow {
	margin: 0 0 12px;
	font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
	color: var(--svc2-eyebrow);
}
.block-ll-services-2col-readmore__title {
	margin: 0; font-size: 40px; line-height: 1.2; font-weight: 700; color: var(--svc2-ink);
}
.block-ll-services-2col-readmore__subtitle {
	margin: 18px auto 0; max-width: 720px; font-size: 16px; line-height: 27px; color: var(--svc2-subtitle);
}

/* Grid */
.block-ll-services-2col-readmore__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
	align-items: stretch;
}

/* Card */
.block-ll-services-2col-readmore__card {
	display: flex;
	flex-direction: column;
	background: var(--svc2-card-bg);
	border: 1px solid var(--svc2-card-border);
	border-radius: 16px;
	box-shadow: var(--svc2-card-shadow);
	padding: 32px;
}
.block-ll-services-2col-readmore__card-head {
	display: flex;
	align-items: center;
	gap: 16px;
}
.block-ll-services-2col-readmore__tile {
	flex: 0 0 auto;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background: var(--svc2-tile-bg);
	display: flex;
	align-items: center;
	justify-content: center;
}
.block-ll-services-2col-readmore__tile img,
.block-ll-services-2col-readmore__tile svg { display: block; }
.block-ll-services-2col-readmore__card-title {
	margin: 0; font-size: 19px; font-weight: 700; line-height: 26px; color: var(--svc2-ink);
}
.block-ll-services-2col-readmore__card-text {
	margin: 20px 0 0;
	font-size: 15px; line-height: 24px; font-weight: 400; color: var(--svc2-muted);
}

/* Read-more link — pinned bottom-left */
.block-ll-services-2col-readmore__link {
	margin-top: auto;
	padding-top: 24px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	align-self: flex-start;
	font-size: 15px; font-weight: 600; line-height: 1.4;
	color: var(--svc2-accent);
	text-decoration: none;
	transition: gap .18s ease, color .18s ease;
}
.block-ll-services-2col-readmore__link:hover { color: var(--svc2-accent); gap: 12px; }
.block-ll-services-2col-readmore__arrow { flex: 0 0 auto; }

/* Footer: centered CTA pill */
.block-ll-services-2col-readmore__cta {
	margin-top: 48px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	text-align: center;
}
.block-ll-services-2col-readmore__cta-title {
	margin: 0; font-size: 16px; line-height: 1.5; font-weight: 700; color: var(--svc2-ink);
}
.block-ll-services-2col-readmore__cta-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: var(--svc2-accent);
	border-radius: 999px;
	padding: 15px 30px;
	font-size: 15px; line-height: 1.5; font-weight: 600;
	color: #fff;
	text-decoration: none;
	transition: box-shadow .2s ease, transform .2s ease;
}
.block-ll-services-2col-readmore__cta-btn:hover {
	box-shadow: 0 8px 24px rgba(22, 144, 211, .35);
	transform: translateY(-1px);
	color: #fff;
}

/* Footer: full-width highlight card */
.block-ll-services-2col-readmore__wide {
	margin-top: 24px;
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	gap: 40px;
	background: var(--svc2-card-bg);
	border: 1px solid var(--svc2-card-border);
	border-radius: 16px;
	box-shadow: var(--svc2-card-shadow);
	padding: 32px;
}
.block-ll-services-2col-readmore__wide-body { min-width: 0; }
.block-ll-services-2col-readmore__wide-media {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
.block-ll-services-2col-readmore__wide-svg {
	display: block;
	width: 200px;
	max-width: 100%;
	height: auto;
}
.block-ll-services-2col-readmore__wide-media img {
	display: block;
	max-width: 100%;
	height: auto;
	width: 200px;
}

/* Responsive */
@media (max-width: 1024px) {
	.block-ll-services-2col-readmore { padding: 64px 0; }
	.block-ll-services-2col-readmore__title { font-size: 30px; line-height: 40px; }
	.block-ll-services-2col-readmore__head { margin-bottom: 40px; }
}
@media (max-width: 782px) {
	.block-ll-services-2col-readmore { padding: 48px 0; }
	.block-ll-services-2col-readmore__title { font-size: 24px; line-height: 32px; }
	.block-ll-services-2col-readmore__grid { grid-template-columns: 1fr; gap: 16px; }
	.block-ll-services-2col-readmore__card { padding: 24px; }
	.block-ll-services-2col-readmore__card-text { margin-top: 16px; }
	.block-ll-services-2col-readmore__link { padding-top: 20px; }
	.block-ll-services-2col-readmore__cta { margin-top: 32px; }
	.block-ll-services-2col-readmore__cta-btn { width: 100%; justify-content: center; }
	.block-ll-services-2col-readmore__wide {
		grid-template-columns: 1fr;
		gap: 24px;
		padding: 24px;
	}
	.block-ll-services-2col-readmore__wide-media { justify-content: flex-start; }
	.block-ll-services-2col-readmore__wide-media img { width: 160px; }
}