.vb-principles__panel {
	background: var(--purple-100);
	border-radius: 24px;
	padding: 32px 24px 22px;
}

.vb-principles__title {
	font-size: 24px;
	margin: 10px 0 6px;
	letter-spacing: -0.4px;
}

.vb-principles__list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 0 44px;
	margin: 14px 0 0;
	padding: 0;
	list-style: none;
	counter-reset: vb-principle;
}

.vb-principles__item {
	display: flex;
	gap: 16px;
	align-items: flex-start;
	padding: 22px 4px;
	counter-increment: vb-principle;
}

.vb-principles__item::before {
	content: counter(vb-principle, decimal-leading-zero);
	flex: none;
	min-width: 26px;
	padding-top: 2px;
	font-family: var(--font-head);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1px;
	color: var(--purple-600);
}

.vb-principles__item-title {
	font-size: 16.5px;
	font-weight: 600;
	letter-spacing: -0.2px;
	margin: 0 0 6px;
}

.vb-principles__item-text {
	font-size: 14.5px;
	line-height: 1.6;
	color: var(--ink-soft);
	text-wrap: pretty;
	margin: 0;
}

@media (min-width: 560px) {
	.vb-principles__panel {
		padding: 40px 44px 30px;
	}
}