/* ==========================================================================
   VÝHODY A RIZIKÁ — biela karta s fajkami, tmavá karta s upozorneniami
   ========================================================================== */

.enp-pc {
	padding-block: 72px;
}

.enp-pc__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}

.enp-pc__col {
	padding: 36px 36px 40px;
	border-radius: var(--enp-radius-tile);
}

.enp-pc__col--pros {
	border: 3px solid var(--enp-line);
	background: var(--enp-white);
}

.enp-pc__col--cons {
	background: var(--enp-navy) url("../../images/number-bg.jpg") center / cover;
	color: var(--enp-white);
}

.enp-pc__title {
	margin-bottom: 20px;
	font-family: var(--enp-font-heading);
	font-size: 24px;
	font-weight: 600;
	color: var(--enp-navy);
}

.enp-pc__col--cons .enp-pc__title {
	color: var(--enp-yellow);
}

.enp-pc__list {
	display: flex;
	flex-direction: column;
	gap: 14px;
	list-style: none;
}

.enp-pc__list li {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	line-height: 1.55;
}

.enp-pc__list strong {
	font-weight: 600;
}

.enp-pc__col--pros .enp-pc__list strong {
	color: var(--enp-navy);
}

.enp-pc__list a {
	color: inherit;
	text-decoration: underline;
	text-decoration-color: var(--enp-yellow-strong);
	text-underline-offset: 3px;
}

.enp-pc__mark {
	display: grid;
	flex: none;
	place-items: center;
	width: 24px;
	height: 24px;
	margin-top: 1px;
	border-radius: 50%;
	background: var(--enp-tint);
	color: var(--enp-navy);
}

.enp-pc__col--cons .enp-pc__mark {
	background: rgba(255, 210, 64, 0.18);
	color: var(--enp-yellow);
}

.enp-pc__mark svg {
	width: 11px;
	height: 11px;
}

@media (max-width: 900px) {
	.enp-pc__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.enp-pc__col {
		padding: 28px 22px 30px;
	}
}