.cfi-support-card {
	--cfi-support-green:#3f9146;
	--cfi-support-green-dark:#286b33;
	--cfi-support-green-pale:#f7fbf5;
	--cfi-support-border:#c8ddc2;
	display:grid;
	grid-template-columns:auto minmax(0,1fr) auto;
	align-items:center;
	gap:16px;
	width:100%;
	padding:18px 20px;
	border:1px solid var(--cfi-support-border);
	border-radius:14px;
	background:var(--cfi-support-green-pale);
	box-shadow:0 5px 18px rgba(47,116,57,.08);
	color:#263326;
}

.cfi-support-card__heart {
	width:30px;
	height:30px;
	fill:var(--cfi-support-green);
}

.cfi-support-card__content {
	min-width:0;
}

.cfi-support-card__title,
.cfi-support-card__text {
	font-family:var(--default-font,Arial,sans-serif);
}

.cfi-support-card__title {
	margin:0 0 4px;
	color:var(--cfi-support-green-dark);
	font-size:1.08rem;
	font-weight:750;
	line-height:1.25;
}

.cfi-support-card__text {
	margin:0;
	color:#344334;
	font-size:.94rem;
	line-height:1.5;
}

.cfi-support-card .cfi-support-card__button {
	display:inline-flex;
	grid-template-columns:none;
	align-items:center;
	justify-content:center;
	gap:8px;
	min-height:42px;
	padding:10px 16px;
	border-radius:8px;
	background:var(--cfi-support-green-dark);
	color:#fff;
	font-size:.92rem;
	font-weight:700;
	line-height:1.2;
	text-align:center;
	text-decoration:none;
	white-space:nowrap;
}

.cfi-support-card .cfi-support-card__button:hover {
	background:#1f5729;
	color:#fff;
}

.cfi-support-card .cfi-support-card__button:focus-visible {
	outline:3px solid #173f20;
	outline-offset:3px;
}

.cfi-support-card__payment-icon {
	width:18px;
	height:18px;
	fill:currentColor;
}

.cfi-support-card-wrap {
	width:calc(100% - 36px);
	max-width:1180px;
	margin:24px auto;
	padding:0;
}

.cfi-support-card--page {
	padding:18px 22px;
	border-color:#d4dbcf;
	border-radius:8px;
	background:#fff;
	box-shadow:0 4px 16px rgba(31,71,42,.07);
}

.cfi-support-card--page .cfi-support-card__title {
	color:#173f27;
}

.cfi-support-card--page .cfi-support-card__text {
	color:#252b26;
}

body.notebook-editorial #article .cfi-support-card--page .cfi-support-card__button,
body.lesson-plan-editorial #article .cfi-support-card--page .cfi-support-card__button {
	background:#2f7439;
	color:#fff !important;
}

body.notebook-editorial #article .cfi-support-card--page .cfi-support-card__button:hover,
body.lesson-plan-editorial #article .cfi-support-card--page .cfi-support-card__button:hover {
	background:#245d2d;
	color:#fff !important;
}

.cfi-support-card--sidebar {
	grid-template-columns:auto minmax(0,1fr);
	gap:8px 10px;
	margin-top:12px;
	padding:14px;
	border-radius:10px;
	box-shadow:none;
}

.cfi-support-card--sidebar .cfi-support-card__heart {
	width:24px;
	height:24px;
}

.cfi-support-card--sidebar .cfi-support-card__content {
	display:contents;
}

.cfi-support-card--sidebar .cfi-support-card__title {
	margin:0;
	font-size:1rem;
}

.cfi-support-card--sidebar .cfi-support-card__text,
.cfi-support-card--sidebar .cfi-support-card__button {
	grid-column:1 / -1;
}

.cfi-support-card--sidebar .cfi-support-card__text {
	font-size:.84rem;
	line-height:1.45;
}

.cfi-support-card--sidebar .cfi-support-card__button {
	width:100%;
	min-height:38px;
	padding:9px 10px;
	font-size:.82rem;
}

@media (max-width:767px) {
	.cfi-support-card-wrap {
		width:calc(100% - 24px);
		margin:16px auto;
	}

	.cfi-support-card--page {
		grid-template-columns:auto minmax(0,1fr);
		align-items:start;
		padding:18px 16px;
	}

	.cfi-support-card--page .cfi-support-card__button {
		grid-column:1 / -1;
		width:100%;
	}
}

@media print {
	.cfi-support-card-wrap,
	.cfi-support-card--sidebar {
		display:none;
	}
}