.container.socialHub {
	h1 {
		font-weight: 500;
		color: #555;
	}
	
	h2 {
		font-weight: 500;
		color: #656;
	}
	
	.card-content {
		min-width: 0;
	}

	.card-clamp {
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	.btn {
		padding: 0.4rem 1.5rem;
	}
	
	.socialHub-childList .btn {
		padding: 0.2rem 1rem;
	}
	
	.btn#badge {
		background: #f1f1f1;
	}
	
	.card.socialHub-edit {
		background: url(/images/background_grass.png) center / cover no-repeat;
		padding: 0 0.8rem;
		border-width: 1px;
		border-radius: 0.3rem;
		box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
	}
	
	.card.socialHub-details {
		background: url(/images/background_small_grass.png) right bottom / contain no-repeat;
		padding: 0 2rem;
		border-width: 1px;
		border-radius: 0.3rem;
		box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
	}
	
	.socialHub-myHub.card {
		position: relative;
		padding: 0.8rem;
		border-radius: 0.3rem;
		background: #f8f9fc;
		transition: box-shadow 0.2s ease-in-out, background 0.2s ease-in-out;
	}

	.socialHub-childList .card {
		position: relative;
		padding: 0.3rem;
		border-radius: 0.3rem;
		background: #f8f9fc;
		transition: box-shadow 0.2s ease-in-out, background 0.2s ease-in-out;
	}
	
	.socialHub-myHub.card:hover,
	.socialHub-childList .card:hover {
		background: #f1f2fc;
		box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
	}
	
	.socialHub-myHub .card-body,
	.socialHub-childList .card-body {
		padding: 0.2rem;
	}
		
	.socialHub-myHub img {
		width: 384px;
		height: 256px;
		object-fit: cover;
	}
		
	.socialHub-childList img {
		width: 192px;
		height: 128px;
		object-fit: cover;
	}

	/* Joomla formvalidator → Bootstrap 5 bridge */
	input.invalid,
	textarea.invalid,
	select.invalid {
		border-color: #dc3545;
	}

	.mb-3.has-danger .invalid-feedback {
		display: block;
	}
}