/* ========== Program Comparison Tiles ========== */
.tile-program {
	background: #fff;
	height: 100%;
	display: flex;
	flex-direction: column;
	margin-bottom: 1em;
}

.tile-program .tile-content {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.tile-program .program-content {
	display: grid;
	grid-template-rows: auto auto 1fr auto;
	height: 100%;
}

.program-footer {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 200px;
}

.tile-program h3 {
	font-size: 1.5em;
	margin-bottom: 0.5em;
	line-height: 1.2;
}

.tile-program .program-subhead {
	font-size: 1.2em;
	font-weight: 600;
	margin-bottom: 1.5em;
}

.tile-program-featured {
	border: 1px solid rgba(0, 113, 227, 0.3);
	box-shadow:
		0 0 40px rgba(0, 113, 227, 0.15),
		0 4px 16px rgba(0, 113, 227, 0.1);
}

.program-features {
	list-style: none;
	padding: 0;
	margin: 0;
}

.program-features li {
	display: flex;
	align-items: center;
	margin-bottom: 1em;
	line-height: 1.4;
	/* min-height: 44px; */
}

.program-features li sf-symbol {
	width: 25px;
	height: 25px;
	flex-shrink: 0;
	margin-right: 12px;
	font-size: 20px !important;
	display: flex;
	justify-content: center;
	align-items: center;
}

.program-features li .testflight-icon,
.program-features li .app-store-icon {
	width: 25px;
	height: auto;
	flex-shrink: 0;
	margin-right: 12px;
	display: block;
}

.program-features li span {
	flex: 1;
	font-size: 0.95em;
}

.program-divider {
	margin: 1.5em 0;
	border: none;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.program-enrollment-header {
	font-size: 1.1em;
	font-weight: 600;
	margin-bottom: 1em;
	color: #1d1d1f;
}

.program-enrollment-options {
	display: flex;
	flex-direction: column;
	gap: 1em;
}

.program-enrollment-option h5 {
	display: flex;
	align-items: center;
	gap: 0.5em;
	font-size: 1em;
	font-weight: 600;
	margin-bottom: 0.5em;
	color: #1d1d1f;
}

.program-enrollment-option h5 sf-symbol {
	width: 20px;
	height: 20px;
	color: #0071e3;
	font-size: 20px !important;
}

p.fp {
	margin: 0;
	font-size: 0.9em;
	line-height: 1.4;
	color: #6e6e73;
}

.program-cta {
	margin-top: auto;
	padding-top: 1.5em;
	/* border-top: 1px solid rgba(0, 0, 0, 0.1); */
}

.program-cta p:first-child {
	margin-bottom: 0.75em;
}

.program-cta-note {
	text-align: center;
	margin: 0;
	color: #6e6e73;
}

.program-cta-note a {
	color: #06c;
	text-decoration: none;
}

.program-cta-note a:hover {
	text-decoration: underline;
}

/* @media only screen and (max-width: 1068px) {
	.tile-program {
		padding: 1.5em;
	}
} */

@media only screen and (max-width: 734px) {
	.tile-program {
		/* padding: 1.5em; */
		margin-bottom: 1em;
	}

	.tile-program h3 {
		font-size: 1.3em;
	}

	.program-features li {
		margin-bottom: 0.8em;
	}
}

body[data-color-scheme="dark"] .tile-program {
	background: #111;
	color: #f5f5f7;
}

body[data-color-scheme="dark"] .tile-program-featured {
	border: 1px solid rgba(0, 119, 237, 0.4);
	box-shadow:
		0 0 40px rgba(0, 119, 237, 0.2),
		0 4px 16px rgba(0, 119, 237, 0.15);
}

body[data-color-scheme="dark"] .program-divider {
	border-top-color: rgba(255, 255, 255, 0.1);
}

body[data-color-scheme="dark"] .program-enrollment-header {
	color: #f5f5f7;
}

body[data-color-scheme="dark"] .program-enrollment-option h5 {
	color: #f5f5f7;
}

body[data-color-scheme="dark"] p.fp {
	color: #a1a1a6;
}

body[data-color-scheme="dark"] .program-cta {
	border-top-color: rgba(255, 255, 255, 0.1);
}

body[data-color-scheme="dark"] .program-cta-note {
	color: #a1a1a6;
}

body[data-color-scheme="dark"] .program-cta-note a {
	color: #2997ff;
}

body[data-color-scheme="dark"] .testflight-icon,
.theme-dark .testflight-icon,
body[data-color-scheme="dark"] .app-store-icon,
.theme-dark .app-store-icon  {
	filter: invert(1);
}