.wp-block-leonlab-skill-bars {
	--leonlab-accent: #7c3aed;
	position: relative;
	border-radius: 18px;
}

.wp-block-leonlab-skill-bars .leonlab-skill-bars__header {
	margin-bottom: 18px;
}

.wp-block-leonlab-skill-bars .leonlab-skill-bars__headline {
	margin: 0 0 6px;
	font-weight: 800;
	letter-spacing: -0.02em;
}

.wp-block-leonlab-skill-bars .leonlab-skill-bars__subheadline {
	margin: 0;
	opacity: 0.82;
}

.wp-block-leonlab-skill-bars .leonlab-skill-bars__list {
	display: grid;
	gap: 14px;
}

.wp-block-leonlab-skill-bars .leonlab-skill-bars__row {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
}

.wp-block-leonlab-skill-bars .leonlab-skill-bars__label {
	font-weight: 700;
}

.wp-block-leonlab-skill-bars .leonlab-skill-bars__value {
	font-variant-numeric: tabular-nums;
	font-weight: 700;
	opacity: 0.9;
}

.wp-block-leonlab-skill-bars .leonlab-skill-bars__note {
	margin-top: 4px;
	font-size: 0.92em;
	opacity: 0.72;
}

.wp-block-leonlab-skill-bars .leonlab-skill-bars__bar {
	margin-top: 8px;
	height: 10px;
	border-radius: 999px;
	background: rgba(0, 0, 0, 0.08);
	overflow: hidden;
}

.wp-block-leonlab-skill-bars .leonlab-skill-bars__barFill {
	height: 100%;
	width: var(--target-width);
	border-radius: 999px;
	background: linear-gradient(90deg, var(--leonlab-accent), rgba(124, 58, 237, 0.65));
	box-shadow: 0 10px 24px rgba(124, 58, 237, 0.25);
	transition: width 900ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

@media (prefers-reduced-motion: reduce) {
	.wp-block-leonlab-skill-bars .leonlab-skill-bars__barFill {
		transition: none;
	}
}