/* =============================================================================
 * LITSLINK BLOCKS — Cost · 3 cols + note (acf/ll-cost-3col-note)
 * Self-contained: block-scoped palette, literal font fallback. No global .block-head.
 * Light section, soft-grey minimal cards (name + big bold price), then a
 * centered light-blue note banner with an inline text link.
 * ========================================================================== */
.block-ll-cost-3col-note {
	--cn3-ink: #10151c;
	--cn3-muted: #5a6472;
	--cn3-body: #374151;
	--cn3-accent: #1690d3;
	--cn3-section-bg: #ffffff;
	--cn3-card-bg: #f9fafb;
	--cn3-card-border: #eef1f5;
	--cn3-note-bg: #e7f3fa;
	font-family: var(--ll-font, 'Montserrat', 'Montserrat-fallback', Arial, sans-serif);
	background: var(--cn3-section-bg);
	padding: 80px 0;
	box-sizing: border-box;
}
.block-ll-cost-3col-note *,
.block-ll-cost-3col-note *::before,
.block-ll-cost-3col-note *::after { box-sizing: border-box; }

.block-ll-cost-3col-note__inner {
	max-width: 1340px;
	margin: 0 auto;
	padding: 0 20px;
}

/* Header */
.block-ll-cost-3col-note__head { text-align: center; margin: 0 auto 48px; max-width: 900px; }
.block-ll-cost-3col-note__eyebrow {
	margin: 0 0 16px;
	font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
	color: var(--cn3-muted);
}
.block-ll-cost-3col-note__title {
	margin: 0; font-size: 40px; line-height: 1.25; font-weight: 700; color: var(--cn3-ink);
}
.block-ll-cost-3col-note__subtitle {
	margin: 16px auto 0; max-width: 660px; font-size: 16px; line-height: 1.6; color: var(--cn3-body);
}

/* Grid */
.block-ll-cost-3col-note__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 28px;
}

/* Minimal card — soft grey, name + big price only */
.block-ll-cost-3col-note__card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	background: var(--cn3-card-bg);
	border: 1px solid var(--cn3-card-border);
	border-radius: 16px;
	padding: 34px 32px;
}
.block-ll-cost-3col-note__card-name {
	margin: 0;
	font-size: 18px; font-weight: 600; line-height: 1.3;
	color: var(--cn3-ink);
}
.block-ll-cost-3col-note__price {
	margin: 12px 0 0;
	font-size: 30px; font-weight: 800; line-height: 1.15; letter-spacing: -0.5px;
	color: var(--cn3-ink);
}

/* Bottom note banner — full-width light-blue, centered text with inline link */
.block-ll-cost-3col-note__note {
	margin: 40px 0 0;
	padding: 22px 40px;
	background: var(--cn3-note-bg);
	border-radius: 12px;
	text-align: center;
}
.block-ll-cost-3col-note__note p {
	margin: 0;
	font-size: 16px; line-height: 1.6;
	color: var(--cn3-body);
}
.block-ll-cost-3col-note__note p + p { margin-top: 8px; }
.block-ll-cost-3col-note__note a {
	color: var(--cn3-accent);
	text-decoration: underline;
	text-underline-offset: 2px;
}
.block-ll-cost-3col-note__note a:hover { color: var(--cn3-accent); text-decoration: none; }

/* Responsive */
@media (max-width: 1024px) {
	.block-ll-cost-3col-note { padding: 56px 0; }
	.block-ll-cost-3col-note__head { margin-bottom: 40px; }
	.block-ll-cost-3col-note__title { font-size: 32px; }
	.block-ll-cost-3col-note__grid { grid-template-columns: 1fr; gap: 20px; }
}
@media (max-width: 767px) {
	.block-ll-cost-3col-note { padding: 44px 0; }
	.block-ll-cost-3col-note__title { font-size: 26px; }
	.block-ll-cost-3col-note__card { padding: 28px 24px; }
	.block-ll-cost-3col-note__price { font-size: 26px; }
	.block-ll-cost-3col-note__note { padding: 20px 22px; }
}