/* ==========================================================================
   App page — Android / iOS platform cards
   ========================================================================== */

.platform-card {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	min-width: 0;
}

/* Dedicated small fixed-size icon class — never reuses the big banner
   (aspect-ratio:16/10; width:100%) class. Android/iOS marks have
   different native proportions (0.9058 / 0.8418), so a fixed square
   box with object-fit: contain is used instead of a matched aspect-ratio.
   Fixed at 64x64 to match the <img> HTML width/height attributes. */
.platform-card__icon {
	width: 4rem;
	height: 4rem;
	object-fit: contain;
}

.platform-card .data-table {
	margin-bottom: 0.5rem;
}

.platform-card .btn {
	align-self: flex-start;
}