/* RankList — блок «Плюсы и минусы». */

.rlist-pc {
	--rl-pc-pros: #16a34a;
	--rl-pc-cons: #dc2626;
	margin: 1.3em 0;
	font-size: 16px;
	line-height: 1.55;
	color: #1f2937;
}

.rlist-pc *,
.rlist-pc *::before,
.rlist-pc *::after { box-sizing: border-box; }

/* Общий заголовок модуля */
.rlist-pc__head {
	font-weight: 700;
	font-size: 19px;
	margin: 0 0 14px;
	color: #1f2937;
}

.rlist-pc__title {
	font-weight: 700;
	margin: 0 0 6px;
}
.rlist-pc__col--pros .rlist-pc__title { color: var(--rl-pc-pros); }
.rlist-pc__col--cons .rlist-pc__title { color: var(--rl-pc-cons); }

.rlist-pc__list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.rlist-pc__list li {
	display: flex;
	gap: 8px;
	align-items: baseline;
	padding: 3px 0;
}

/* Иконки */
.rlist-pc__ico { font-weight: 700; flex-shrink: 0; }
.rlist-pc__col--pros .rlist-pc__ico { color: var(--rl-pc-pros); }
.rlist-pc__col--cons .rlist-pc__ico { color: var(--rl-pc-cons); }

/* Иконка-бейдж (кружок) */
.rlist-pc__ico--badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	color: #fff;
	font-size: 13px;
	line-height: 1;
	align-self: center;
}
.rlist-pc__col--pros .rlist-pc__ico--badge { background: var(--rl-pc-pros); color: #fff; }
.rlist-pc__col--cons .rlist-pc__ico--badge { background: var(--rl-pc-cons); color: #fff; }

/* Тема: стандартная (стопкой) */
.rlist-pc--default .rlist-pc__col { margin-bottom: 12px; }
.rlist-pc--default .rlist-pc__col:last-child { margin-bottom: 0; }

/* Тема: две колонки */
.rlist-pc--columns .rlist-pc__cols {
	display: flex;
	gap: 24px;
	flex-wrap: wrap;
}
.rlist-pc--columns .rlist-pc__col { flex: 1; min-width: 220px; }

/* Тема: карточки */
.rlist-pc--cards .rlist-pc__cols {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
}
.rlist-pc--cards .rlist-pc__col {
	flex: 1;
	min-width: 220px;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	padding: 14px 16px;
}
.rlist-pc--cards .rlist-pc__col--pros { border-top: 3px solid var(--rl-pc-pros); }
.rlist-pc--cards .rlist-pc__col--cons { border-top: 3px solid var(--rl-pc-cons); }

@media (max-width: 600px) {
	.rlist-pc--columns .rlist-pc__cols,
	.rlist-pc--cards .rlist-pc__cols { flex-direction: column; }
}