/**
 * Data Platform — page-scoped styles.
 */

/* Hero H1: long VI headline — keep readable on all breakpoints.
 * Theme .display-1 is ~5rem from xl up; override for this page only.
 */
[data-track-section="data_platform_hero"] h1 {
	font-size: 1.5rem; /* <576 */
	line-height: 1.3;
}

@media (min-width: 576px) {
	[data-track-section="data_platform_hero"] h1 {
		font-size: 1.625rem;
	}
}

@media (min-width: 768px) {
	[data-track-section="data_platform_hero"] h1 {
		font-size: 1.75rem;
	}
}

@media (min-width: 992px) {
	[data-track-section="data_platform_hero"] h1 {
		font-size: 1.875rem;
	}
}

/* > 1200 (Bootstrap xl) */
@media (min-width: 1200px) {
	[data-track-section="data_platform_hero"] h1 {
		font-size: 3rem;
	}
}

/* Popular databases strip under hero */
[data-track-section="data_platform_databases"] .linkle-dp-db-logo {
	width: 40px;
	height: 40px;
	object-fit: contain;
}

@media (min-width: 768px) {
	[data-track-section="data_platform_databases"] .linkle-dp-db-logo {
		width: 48px;
		height: 48px;
	}
}

/*
 * Benefits flip cards: theme sets .card-flip-front to position:absolute
 * with height:100% of the shorter back face — long VI copy overflows.
 * Let the front define height; back fills that box.
 */
[data-track-section="data_platform_benefits"] .card-flip-inner {
	height: auto;
}

[data-track-section="data_platform_benefits"] .card-flip-front {
	position: relative;
	height: auto;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	padding-bottom: 1.75rem;
}

[data-track-section="data_platform_benefits"] .card-flip-back {
	position: absolute;
	inset: 0;
	height: 100%;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	display: flex;
	align-items: center;
}

[data-track-section="data_platform_benefits"] .card-flip-back .card-body {
	width: 100%;
}

[data-track-section="data_platform_benefits"] .card-flip-front .card-text {
	margin-bottom: 0;
}