.kol-yalp-help-card,
.kol-yalp-limits {
	box-sizing: border-box;
	margin: 0 0 24px;
	padding: 24px;
	border: 1px solid #d8efe6;
	border-radius: 16px;
	background: linear-gradient(135deg, #f7fffb 0%, #eafff6 100%);
	color: #1f2937;
	box-shadow: 0 12px 32px rgba(0, 119, 85, .1);
}

.kol-yalp-help-card {
	display: flex;
	min-height: 320px;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	gap: 14px;
	border-color: rgba(153, 255, 232, .58);
	background-color: #000 !important;
	background-image:
		linear-gradient(90deg, #000 0%, #000 48%, rgba(0, 0, 0, .55) 70%, rgba(0, 0, 0, .12) 100%),
		url('../../../KOL_BMP_Advanced_Ads/assets/internal-promotions/yalp/yalp-ask-anywhere-banner-v2.png');
	background-position: center, right center;
	background-repeat: no-repeat;
	background-size: 100% 100%, auto 100%;
	color: #fff;
	box-shadow: 0 14px 36px rgba(0, 80, 48, .26);
}

.kol-yalp-help-copy {
	max-width: 64%;
}

.kol-yalp-help-card h2,
.kol-yalp-limits h2 {
	margin: 4px 0 8px;
	color: #075f47;
}

.kol-yalp-help-card h2 {
	color: #d8ff63;
	text-shadow: 0 2px 12px rgba(0, 0, 0, .72);
}

.kol-yalp-help-card p,
.kol-yalp-limits p {
	margin: 0 0 10px;
}

.kol-yalp-help-card p {
	text-shadow: 0 2px 8px rgba(0, 0, 0, .78);
}

html body .kol-yalp-help-card,
html body .kol-yalp-help-card p {
	color: #fff !important;
}

html body .kol-yalp-help-card h2 {
	color: #d8ff63 !important;
}

.kol-yalp-kicker {
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #9affe2;
	text-shadow: 0 2px 8px rgba(0, 0, 0, .82);
}

.kol-yalp-usage {
	font-weight: 700;
}

.kol-yalp-help-actions {
	display: flex;
	width: min(64%, 560px);
	flex: 0 1 auto;
	flex-direction: row;
	gap: 10px;
}

.kol-yalp-help-actions a {
	display: inline-flex;
	flex: 1 1 0;
	min-height: 42px;
	align-items: center;
	justify-content: center;
	padding: 0 15px;
	border-radius: 8px;
	font-weight: 800;
	text-align: center;
	text-decoration: none;
}

.kol-yalp-primary {
	border: 2px solid #00cc99;
	background: linear-gradient(#ccfff6, #99ffe8);
	color: #007755;
	box-shadow: 0 0 0 3px rgba(0, 204, 153, .15), 0 4px 8px rgba(0, 204, 153, .2);
}

.kol-yalp-secondary {
	border: 1px solid #b0b0b0;
	background: linear-gradient(#e2e2e2, #d4d4d4);
	color: #2d2d2d;
	box-shadow: 0 4px 8px rgba(0, 0, 0, .14);
}

.kol-yalp-plan-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 10px;
	margin-top: 16px;
}

.kol-yalp-plan {
	display: flex;
	min-height: 78px;
	flex-direction: column;
	justify-content: center;
	gap: 4px;
	padding: 14px;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	background: #fff;
}

.kol-yalp-plan.is-paid {
	border-color: #99ffe8;
}

html.dark-mode .kol-yalp-limits,
body.dark-mode .kol-yalp-limits {
	border-color: #275044;
	background: linear-gradient(135deg, #151b19 0%, #10251e 100%);
	color: #e0e0e0;
}

html.dark-mode .kol-yalp-limits h2,
body.dark-mode .kol-yalp-limits h2 {
	color: #99ffe8;
}

html.dark-mode .kol-yalp-plan,
body.dark-mode .kol-yalp-plan {
	border-color: #333;
	background: #1a1a1a;
}

@media (max-width: 700px) {
	.kol-yalp-help-card {
		min-height: 560px;
		align-items: stretch;
		justify-content: flex-start;
		background-image:
			linear-gradient(#000 0%, #000 48%, rgba(0, 0, 0, .56) 100%),
			url('../../../KOL_BMP_Advanced_Ads/assets/internal-promotions/yalp/yalp-ask-anywhere-banner-v2.png');
		background-position: center, right bottom;
		background-size: 100% 100%, auto 68%;
	}

	.kol-yalp-help-copy {
		max-width: none;
	}

	.kol-yalp-help-actions {
		width: 100%;
		flex-basis: auto;
		flex-direction: column;
	}
}