.skill-item {
	display: inline-block;
	margin-right: 0.5rem;
	margin-bottom: 0.5rem;
}

.skill-name {
	display: inline-block;
	background-color: rgba(59, 130, 246, 0.2); /* bg-blue-600/20 */
	color: #bfdbfe; /* text-blue-200 */
	font-size: 0.75rem; /* text-xs */
	padding: 0.25rem 0.75rem; /* px-3 py-1 */
	border-radius: 9999px; /* rounded-full */
	transition: background-color 0.2s ease-in-out;
}

.skill-name:hover {
	background-color: rgba(59, 130, 246, 0.3); /* hover:bg-blue-500/30 */
}

.skill-display {
	display: none;
}

.grid.grid-cols-1.md\:grid-cols-2.gap-x-8.gap-y-6 {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}