/* Справочный раздел /info/ (20.09.2026). Раньше страница была текстом в одну колонку
   без собственных стилей; здесь только сетка карточек и подпись, всё остальное — тема. */
.lmi__lead { font-size: 17px; line-height: 1.55; margin: 0 0 24px; max-width: 760px; }

.lmi__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 20px;
	margin: 0 0 28px;
}
.lmi__card {
	padding: 22px 24px;
	border: 1px solid #e4e8ee;
	border-radius: 14px;
	background: #fff;
}
.lmi__card h2 { margin: 0 0 10px; font-size: 19px; line-height: 1.3; }
.lmi__card p { margin: 0 0 14px; color: var(--lm-muted); line-height: 1.5; }
.lmi__card ul { margin: 0; padding: 0; list-style: none; }
.lmi__card li { margin: 0 0 8px; padding: 0 0 0 16px; position: relative; line-height: 1.45; }
.lmi__card li::before {
	/* content с !important: тема Aspro подставляет всем спискам в контенте
	   li::before { content: "—" }, и её правило специфичнее нашего. Фон и размер
	   от нас применялись, а содержимое оставалось темовым — рядом с кружком
	   вылезал серый дефис. */
	content: "" !important;
	position: absolute;
	left: 0;
	top: .58em;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: var(--lm-acc);
}
.lmi__card li:last-child { margin-bottom: 0; }

.lmi__foot { color: var(--lm-muted); line-height: 1.55; }
.lmi__foot a { white-space: nowrap; }

@media (max-width: 640px) {
	.lmi__card { padding: 18px; }
	.lmi__grid { gap: 14px; }
}

/* lm74 20.10.2026 — тема Aspro даёт li отступ и сдвигает ::before на -21px: точки вылезали
   за край текста карточки, а до пункта был разрыв ~40px. Ровняем точку по тексту абзаца выше. */
.lmi__card li { padding: 0 0 0 16px !important; margin: 0 0 8px !important; }
.lmi__card li:last-child { margin-bottom: 0 !important; }
.lmi__card li::before { margin: 0 !important; left: 0 !important; top: .6em !important; }