:root {
			--uvid-primary: #315EFF;
			--uvid-secondary: #F79E02;
			--uvid-white: #FFFFFF;
			--uvid-gray-1: #333333;
			--uvid-gray-3: #828282;
			--uvid-gray-5: #E0E0E0;
			--uvid-black-2: #1D1D1D;
			--uvid-gradient: linear-gradient(135deg, #315EFF 0%, #F79E02 100%);
		}

		.uvid-grid-container {
			display: grid;
			gap: 24px; /* Spacing Level 3 */
			margin: 40px 0; /* Spacing Level 5 */
			font-family: 'Roboto', sans-serif;
			align-items: stretch;
		}

		/* Dynamic Font Sizes */
		.uvid-grid-container .uvid-title {
			line-height: 1.2 !important;
		}
		.uvid-grid-container .uvid-excerpt {
			line-height: 1.4 !important;
		}
		.uvid-grid-container .uvid-meta-info span,
		.uvid-grid-container .uvid-date {
			line-height: 1.4 !important;
		}

		.uvid-card {
			background: var(--uvid-white);
			border-radius: 12px;
			border: 1px solid var(--uvid-gray-5);
			overflow: hidden;
			display: flex;
			flex-direction: column;
			transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease;
			height: 100%;
		}

		/* Minimal Style overrides */
		.uvid-style-minimal .uvid-card {
			border: none;
			border-radius: 0;
			background: transparent;
		}
		
		/* List Style overrides */
		.uvid-style-list .uvid-card {
			flex-direction: row;
			align-items: stretch;
		}
		.uvid-style-list .uvid-thumbnail-wrapper {
			width: 300px;
			min-width: 300px;
			height: auto;
		}
		.uvid-style-list .uvid-content-wrapper {
			display: flex;
			flex-direction: column;
			flex-grow: 1;
			height: 100%;
		}

		/* Glassmorphism */
		.uvid-style-glass .uvid-card {
			background: rgba(255, 255, 255, 0.2);
			backdrop-filter: blur(10px);
			-webkit-backdrop-filter: blur(10px);
			border: 1px solid rgba(255, 255, 255, 0.3);
			box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
		}
		.uvid-style-glass .uvid-footer {
			background: transparent;
			border-top: 1px solid rgba(255, 255, 255, 0.2);
		}

		/* Brutalist */
		.uvid-style-brutalist .uvid-card {
			border: 3px solid #000;
			border-radius: 0;
			box-shadow: 6px 6px 0px #000;
		}
		.uvid-style-brutalist .uvid-card:hover {
			transform: translate(-4px, -4px);
			box-shadow: 10px 10px 0px #000;
		}
		.uvid-style-brutalist .uvid-footer {
			border-top: 3px solid #000;
		}

		/* Editorial */
		.uvid-style-editorial .uvid-card {
			border: none;
			border-radius: 0;
			background: transparent;
			border-bottom: 2px solid var(--uvid-gray-5);
		}
		.uvid-style-editorial .uvid-title, 
		.uvid-style-editorial .uvid-excerpt,
		.uvid-style-editorial .uvid-meta-info {
			font-family: 'Georgia', serif;
		}
		.uvid-style-editorial .uvid-footer {
			background: transparent;
			border-top: none;
			padding-bottom: 24px;
		}

		/* Masonry */
		.uvid-style-masonry.uvid-grid-container {
			display: block;
			column-gap: 24px;
		}
		.uvid-style-masonry .uvid-card {
			display: inline-block;
			width: 100%;
			margin-bottom: 24px;
		}

		/* Neumorphic */
		.uvid-style-neumorphic .uvid-card {
			background: #e0e5ec;
			border: none;
			border-radius: 16px;
			box-shadow: 9px 9px 16px rgb(163,177,198,0.6), -9px -9px 16px rgba(255,255,255, 0.5);
		}
		.uvid-style-neumorphic .uvid-footer {
			background: transparent;
			border-top: 1px solid rgba(255,255,255,0.4);
		}

		/* Neon */
		.uvid-style-neon .uvid-card {
			background: #111;
			border: 1px solid #333;
			color: #fff;
		}
		.uvid-style-neon .uvid-title a {
			color: #fff;
		}
		.uvid-style-neon .uvid-card:hover {
			box-shadow: 0 0 20px rgba(0, 255, 255, 0.5);
			border-color: rgba(0, 255, 255, 0.8);
		}
		.uvid-style-neon .uvid-excerpt, .uvid-style-neon .uvid-date, .uvid-style-neon .uvid-author-name {
			color: #ccc;
		}
		.uvid-style-neon .uvid-footer {
			background: transparent;
			border-top: 1px solid #333;
		}

		/* Overlay */
		.uvid-style-overlay .uvid-card {
			position: relative;
			border: none;
		}
		.uvid-style-overlay .uvid-thumbnail-wrapper {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 1;
		}
		.uvid-style-overlay .uvid-thumbnail-wrapper img {
			height: 100%;
		}
		.uvid-style-overlay .uvid-content-wrapper {
			position: relative;
			z-index: 2;
			background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
			height: 400px;
		}
		.uvid-style-overlay .uvid-title a,
		.uvid-style-overlay .uvid-excerpt,
		.uvid-style-overlay .uvid-date,
		.uvid-style-overlay .uvid-author-name {
			color: #fff !important;
		}
		.uvid-style-overlay .uvid-footer {
			background: transparent;
			border-top: 1px solid rgba(255,255,255,0.2);
		}

		/* Image Only Gallery */
		.uvid-style-image-only .uvid-card {
			border: none;
			background: transparent;
			box-shadow: 0 8px 24px rgba(0,0,0,0.15);
		}
		.uvid-style-image-only .uvid-card:hover {
			transform: translateY(-4px);
		}
		.uvid-style-image-only .uvid-thumbnail-wrapper {
			height: auto;
		}
		.uvid-style-image-only .uvid-thumbnail-wrapper img {
			height: auto;
			object-fit: contain;
			display: block;
		}
		.uvid-style-image-only .uvid-content-wrapper {
			display: none;
		}

		/* Special Grid Layout */
		.uvid-style-special-grid.uvid-grid-container {
			display: grid;
			grid-template-columns: 1fr 1.5fr 1fr;
			grid-template-rows: repeat(2, 250px);
			gap: 24px;
		}
		.uvid-style-special-grid .uvid-card {
			position: relative;
			border: none;
			border-radius: 0;
			overflow: hidden;
		}
		.uvid-style-special-grid .uvid-thumbnail-wrapper {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 1;
		}
		.uvid-style-special-grid .uvid-thumbnail-wrapper img {
			height: 100%;
		}
		.uvid-style-special-grid .uvid-content-wrapper {
			position: relative;
			z-index: 2;
			background: rgba(0,0,0,0.5);
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			text-align: center;
			height: 100%;
			padding: 20px;
		}
		.uvid-style-special-grid .uvid-title a,
		.uvid-style-special-grid .uvid-excerpt,
		.uvid-style-special-grid .uvid-date,
		.uvid-style-special-grid .uvid-author-name {
			color: #fff !important;
		}
		.uvid-style-special-grid .uvid-footer {
			display: none !important;
		}
		
		/* Grid positioning for exactly 5 blocks */
		.uvid-style-special-grid .uvid-card:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
		.uvid-style-special-grid .uvid-card:nth-child(2) { grid-area: 2 / 1 / 3 / 2; }
		.uvid-style-special-grid .uvid-card:nth-child(3) { grid-area: 1 / 2 / 3 / 3; }
		.uvid-style-special-grid .uvid-card:nth-child(4) { grid-area: 1 / 3 / 2 / 4; }
		.uvid-style-special-grid .uvid-view-more-card { 
			grid-area: 2 / 3 / 3 / 4; 
			background: #909090;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			text-align: center;
			padding: 20px;
			text-decoration: none;
			color: #fff !important;
			font-weight: bold;
			font-size: 20px;
			transition: transform 0.3s ease;
		}
		.uvid-style-special-grid .uvid-view-more-card:hover {
			transform: scale(1.02);
			background: #7a7a7a;
		}
		@media (max-width: 992px) {
			.uvid-style-special-grid.uvid-grid-container {
				grid-template-columns: 1fr 1fr;
				grid-template-rows: auto;
			}
			.uvid-style-special-grid .uvid-card:nth-child(1) { grid-area: auto; height: 250px; }
			.uvid-style-special-grid .uvid-card:nth-child(2) { grid-area: auto; height: 250px; }
			.uvid-style-special-grid .uvid-card:nth-child(3) { grid-area: span 1 / span 2; height: 350px; }
			.uvid-style-special-grid .uvid-card:nth-child(4) { grid-area: auto; height: 250px; }
			.uvid-style-special-grid .uvid-view-more-card { grid-area: auto; height: 250px; }
		}
		@media (max-width: 600px) {
			.uvid-style-special-grid.uvid-grid-container {
				grid-template-columns: 1fr;
			}
			.uvid-style-special-grid .uvid-card:nth-child(3) { grid-area: auto; }
		}

		/* Special Theme UVID Home Layout */
		.uvid-style-uvid-home-special.uvid-grid-container {
			display: grid;
			grid-template-columns: 1fr 1.5fr 1fr;
			grid-template-rows: repeat(2, 250px);
			gap: 24px;
		}
		.uvid-style-uvid-home-special .uvid-card {
			position: relative;
			border-radius: 16px;
			overflow: hidden;
			background: #fff;
			box-shadow: 0 4px 12px rgba(0,0,0,0.05);
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
			border: none;
			transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
		}
		.uvid-style-uvid-home-special .uvid-card:hover {
			transform: translateY(-8px);
			box-shadow: 0 16px 32px rgba(0,0,0,0.15);
		}
		.uvid-style-uvid-home-special .uvid-thumbnail-wrapper {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 1;
		}
		.uvid-style-uvid-home-special .uvid-thumbnail-wrapper img {
			height: 100%;
			transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
		}
		.uvid-style-uvid-home-special .uvid-card:hover .uvid-thumbnail-wrapper img {
			transform: scale(1.08);
		}
		.uvid-style-uvid-home-special .uvid-content-wrapper {
			position: relative;
			z-index: 2;
			background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
			text-align: left;
			height: auto;
			padding: 24px;
			margin-top: auto;
			transition: padding-bottom 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
		}
		.uvid-style-uvid-home-special .uvid-card:hover .uvid-content-wrapper {
			padding-bottom: 32px;
		}
		.uvid-style-uvid-home-special .uvid-title { margin-bottom: 0; }
		.uvid-style-uvid-home-special .uvid-title a { color: #fff !important; }
		.uvid-style-uvid-home-special .uvid-date { color: #e0e0e0; margin-bottom: 8px; }
		.uvid-style-uvid-home-special .uvid-footer { display: none !important; }
		.uvid-style-uvid-home-special .uvid-badge {
			position: absolute;
			top: 16px;
			left: 16px;
			background: #315EFF;
			color: #fff;
			padding: 6px 14px;
			border-radius: 6px;
			font-size: 11px;
			font-weight: bold;
			z-index: 3;
			letter-spacing: 1px;
			text-transform: uppercase;
			box-shadow: none;
		}
		
		/* Grid positioning */
		.uvid-style-uvid-home-special .uvid-card:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
		.uvid-style-uvid-home-special .uvid-card:nth-child(2) { grid-area: 2 / 1 / 3 / 2; }
		.uvid-style-uvid-home-special .uvid-card:nth-child(3) { grid-area: 1 / 2 / 3 / 3; }
		.uvid-style-uvid-home-special .uvid-card:nth-child(4) { grid-area: 1 / 3 / 2 / 4; }
		
		/* View More Block */
		.uvid-style-uvid-home-special .uvid-view-more-card { 
			grid-area: 2 / 3 / 3 / 4; 
			background: #315EFF;
			border-radius: 16px;
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 30px;
			text-decoration: none;
			color: #fff !important;
			transition: transform 0.3s ease, background 0.3s ease;
		}
		.uvid-style-uvid-home-special .uvid-view-more-card:hover {
			transform: scale(1.02);
			background: #254bcf;
		}
		.uvid-style-uvid-home-special .uvid-view-more-text {
			font-size: 28px;
			font-weight: bold;
			line-height: 1.3;
			text-align: left;
		}
		.uvid-style-uvid-home-special .uvid-view-more-icon {
			background: #fff;
			color: #315EFF;
			width: 48px;
			height: 48px;
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 24px;
			flex-shrink: 0;
			margin-left: 16px;
			transition: transform 0.3s ease;
		}
		.uvid-style-uvid-home-special .uvid-view-more-card:hover .uvid-view-more-icon {
			transform: translateX(8px);
		}
		
		@media (max-width: 992px) {
			.uvid-style-uvid-home-special.uvid-grid-container {
				grid-template-columns: 1fr 1fr;
				grid-template-rows: auto;
			}
			.uvid-style-uvid-home-special .uvid-card:nth-child(1) { grid-area: auto; height: 250px; }
			.uvid-style-uvid-home-special .uvid-card:nth-child(2) { grid-area: auto; height: 250px; }
			.uvid-style-uvid-home-special .uvid-card:nth-child(3) { grid-area: span 1 / span 2; height: 350px; }
			.uvid-style-uvid-home-special .uvid-card:nth-child(4) { grid-area: auto; height: 250px; }
			.uvid-style-uvid-home-special .uvid-view-more-card { grid-area: auto; height: 250px; }
		}
		@media (max-width: 600px) {
			.uvid-style-uvid-home-special.uvid-grid-container {
				grid-template-columns: 1fr;
			}
			.uvid-style-uvid-home-special .uvid-card:nth-child(3) { grid-area: auto; }
		}

		.uvid-card:hover {
			transform: translateY(-8px);
			box-shadow: 0 16px 32px rgba(0, 12, 58, 0.1);
		}
		
		.uvid-style-minimal .uvid-card:hover {
			box-shadow: none;
			transform: translateY(-4px);
		}

		.uvid-thumbnail-wrapper {
			position: relative;
			height: 200px;
			overflow: hidden;
		}

		.uvid-thumbnail-wrapper img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			transition: transform 0.5s ease;
		}
		
		.uvid-fit-contain .uvid-thumbnail-wrapper img {
			object-fit: contain;
			background: var(--uvid-gray-5); /* Optional subtle background for transparent/padded images */
		}

		.uvid-card:hover .uvid-thumbnail-wrapper img {
			transform: scale(1.05);
		}

		/* Brand Diamond Gradient Badge */
		.uvid-badge {
			position: absolute;
			top: 16px;
			left: 16px;
			background: var(--uvid-gradient);
			color: var(--uvid-white);
			padding: 4px 16px;
			border-radius: 4px;
			font-size: 14px;
			font-weight: 700;
			z-index: 2;
			box-shadow: 0 4px 8px rgba(0,0,0,0.15);
		}

		.uvid-content {
			padding: 24px;
			flex-grow: 1;
			display: flex;
			flex-direction: column;
		}
		
		.uvid-style-minimal .uvid-content {
			padding: 16px 0;
		}

		.uvid-title {
			margin: 0 0 16px 0;
			font-size: 24px;
			line-height: 26.4px;
			font-weight: 700;
		}

		.uvid-title a {
			color: var(--uvid-black-2);
			text-decoration: none;
		}

		.uvid-title a:hover {
			color: var(--uvid-primary);
		}

		.uvid-excerpt {
			color: var(--uvid-gray-1);
			font-size: 16px;
			line-height: 22.4px;
			margin-bottom: 0;
			margin-top: auto;
		}

		.uvid-footer {
			padding: 16px 24px;
			border-top: 1px solid var(--uvid-gray-5);
			display: flex;
			align-items: center;
			background: #FDFDFD;
			margin-top: auto;
		}

		.uvid-style-minimal .uvid-footer {
			padding: 16px 0 0 0;
			background: transparent;
		}

		.uvid-author-avatar img {
			border-radius: 50%;
			margin-right: 16px;
			border: 2px solid var(--uvid-white);
			box-shadow: 0 0 0 1px var(--uvid-gray-5);
		}

		.uvid-meta-info {
			display: flex;
			flex-direction: column;
		}

		.uvid-author-name {
			font-size: 14px;
			line-height: 19.6px;
			font-weight: 700;
			color: var(--uvid-black-2);
		}

		.uvid-date {
			font-size: 14px;
			line-height: 19.6px;
			color: var(--uvid-gray-3);
		}

		/* Pagination Styles */
		.uvid-pagination {
			display: flex;
			justify-content: center;
			gap: 8px;
			margin-top: 24px;
		}
		.uvid-pagination a, .uvid-pagination span {
			display: inline-block;
			padding: 8px 16px;
			border-radius: 4px;
			border: 1px solid var(--uvid-gray-5);
			color: var(--uvid-black-2);
			text-decoration: none;
			font-weight: 700;
			font-family: 'Roboto', sans-serif;
			transition: all 0.2s ease;
		}
		.uvid-pagination a:hover {
			border-color: var(--uvid-primary);
			color: var(--uvid-primary);
		}
		.uvid-pagination .current {
			background: var(--uvid-primary);
			color: var(--uvid-white);
			border-color: var(--uvid-primary);
		}

		/* Responsive Queries */
		@media (max-width: 992px) {
			.uvid-grid-container {
				padding: 0 16px;
			}
		}

		@media (max-width: 600px) {
			.uvid-grid-container {
				grid-template-columns: 1fr;
			}
			.uvid-style-list .uvid-card {
				flex-direction: column;
			}
			.uvid-style-list .uvid-thumbnail-wrapper {
				font-weight: 700;
			z-index: 2;
			box-shadow: 0 4px 8px rgba(0,0,0,0.15);
		}

		/* Dynamic Center Height */
		.uvid-style-special-grid .uvid-card:nth-child(3),
		.uvid-style-uvid-home-special .uvid-card:nth-child(3) {
			align-self: center;
		}
		@media (max-width: 992px) {
			.uvid-style-special-grid .uvid-card:nth-child(3),
			.uvid-style-uvid-home-special .uvid-card:nth-child(3) {
				height: 100%;
			}
		}
	</style>