.vpt-card {
	container-type: inline-size;
	border: 1px solid var(--vp-color-border);
	border-radius: var(--vp-radius-xl);
	background: var(--vp-color-surface);
	box-shadow: var(--vp-shadow-sm);
	padding: var(--vp-space-5);
}
.vpt-card--task { display: grid; gap: var(--vp-space-3); min-height: 100%; }
.vpt-card--interactive {
	transition: border-color var(--vp-duration-base) var(--vp-ease), box-shadow var(--vp-duration-base) var(--vp-ease), transform var(--vp-duration-base) var(--vp-ease);
}
.vpt-card--interactive:hover { border-color: #cfdad8; box-shadow: var(--vp-shadow-md); transform: translateY(-2px); }
.vpt-card--highlight { border-top: 3px solid var(--vp-bank-primary); padding-top: calc(var(--vp-space-5) - 2px); }
.vpt-card__topline { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--vp-space-3); }
.vpt-card__eyebrow {
	margin: 0;
	color: var(--vp-bank-primary);
	font-size: var(--vp-font-size-xs);
	font-weight: var(--vp-font-weight-bold);
	letter-spacing: 0.01em;
}
.vpt-card__title { margin: 0; color: var(--vp-color-text-strong); font-size: var(--vp-font-size-xl); line-height: 1.24; }
.vpt-card__text { margin: 0; color: var(--vp-color-text-muted); }
.vpt-card__footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--vp-space-4);
	margin-top: auto;
	padding-top: var(--vp-space-3);
}
.vpt-card__meta { margin: 0; color: var(--vp-color-text-soft); font-size: var(--vp-font-size-sm); }
@container (max-width: 22rem) {
	.vpt-card__footer { align-items: stretch; flex-direction: column; }
	.vpt-card__footer .vpt-button { width: 100%; }
}