/* 0.9K.5.2 · rustige persoonlijke trainingspromotie op dashboard-home */
.lm-training-home {
	position: relative;
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr) auto;
	gap: 18px;
	align-items: center;
	margin: 18px 0;
	padding: 22px 58px 22px 22px;
	overflow: hidden;
	border: 1px solid rgba(105, 186, 187, .55);
	border-radius: 18px;
	background:
		radial-gradient(circle at 92% 0, rgba(183, 219, 56, .23), transparent 28%),
		linear-gradient(135deg, #edf8f7 0%, #fff 72%);
	box-shadow: 0 13px 30px rgba(24, 36, 62, .08);
}
.lm-training-home[hidden] { display: none !important; }
.lm-training-home__icon {
	display: grid;
	width: 64px;
	height: 64px;
	place-items: center;
	border-radius: 17px;
	background: var(--lm-primary);
	color: #fff;
}
.lm-training-home__icon svg {
	width: 40px;
	height: 40px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2.5;
}
.lm-training-home__content { min-width: 0; }
.lm-training-home__content .lm-eyebrow,
.lm-training-home__content h3,
.lm-training-home__content > p { margin: 0 !important; }
.lm-training-home__content h3 {
	margin-top: 3px !important;
	color: var(--lm-primary);
	font-size: clamp(1.25rem, 2.2vw, 1.65rem);
	line-height: 1.18;
}
.lm-training-home__content > p {
	margin-top: 7px !important;
	max-width: 720px;
	color: var(--lm-muted);
	line-height: 1.5;
}
.lm-training-home__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin-top: 11px;
}
.lm-training-home__meta span {
	padding: 6px 10px;
	border-radius: 999px;
	background: rgba(183, 219, 56, .22);
	color: var(--lm-primary);
	font-size: .77rem;
	font-weight: 800;
}
.lm-training-home__action {
	white-space: nowrap;
}
.lm-training-home__dismiss {
	position: absolute;
	top: 12px;
	right: 12px;
	display: grid;
	width: 36px;
	height: 36px;
	padding: 0;
	place-items: center;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .82);
	color: #59657b;
	cursor: pointer;
}
.lm-training-home__dismiss:hover { background: #fff; color: var(--lm-primary); }
.lm-training-home__dismiss:focus-visible { outline: 3px solid var(--lm-accent); outline-offset: 2px; }
.lm-training-home__dismiss svg {
	width: 18px;
	height: 18px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-width: 2;
}

@media (max-width: 760px) {
	.lm-training-home {
		grid-template-columns: 52px minmax(0, 1fr);
		gap: 14px;
		padding: 19px 50px 19px 18px;
	}
	.lm-training-home__icon { width: 52px; height: 52px; border-radius: 14px; }
	.lm-training-home__icon svg { width: 34px; height: 34px; }
	.lm-training-home__action {
		grid-column: 1 / -1;
		width: 100%;
		justify-content: center;
		text-align: center;
	}
}

@media (max-width: 430px) {
	.lm-training-home { grid-template-columns: 1fr; padding: 18px 48px 18px 18px; }
	.lm-training-home__icon { width: 46px; height: 46px; }
	.lm-training-home__action { grid-column: 1; }
}

@media (prefers-reduced-motion: no-preference) {
	.lm-training-home.is-dismissing {
		opacity: 0;
		transform: translateY(-6px);
		transition: opacity .18s ease, transform .18s ease;
	}
}