/*
 * Блок checklist (blocks/checklist.php): пункты с синей галочкой в две колонки, разделены тонкими линиями.
 */

.checklist__head { max-width: 860px; margin-bottom: 40px; }
.checklist__title { color: var(--c-ink); font-size: 48px; font-weight: 700; line-height: 1.1; letter-spacing: -.04em; text-wrap: balance; }
.checklist__lead { margin-top: 20px; color: var(--c-muted); font-size: 20px; line-height: 1.6; }
.checklist__lead a, .checklist__item-text a { color: var(--c-primary); text-decoration: underline; text-underline-offset: 3px; }

.checklist__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 56px; }
.checklist__item { display: flex; gap: 18px; padding: 24px 0; border-bottom: 1px solid var(--c-line); }
.checklist__check { display: grid; flex: none; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--c-primary); color: #fff; }
.checklist--band .checklist__item { border-bottom-color: #d3e2ff; }
.checklist__check .ico { width: 18px; height: 18px; stroke-width: 2.4; }
.checklist__item-title { color: var(--c-ink); font-size: 20px; font-weight: 700; line-height: 1.3; }
.checklist__item-text { margin-top: 6px; color: var(--c-muted); font-size: 17px; line-height: 1.6; }

@media (max-width: 900px) { .checklist__list { grid-template-columns: 1fr; } }
@media (max-width: 640px) {
    .checklist__title { font-size: var(--fs-h2-m); }
    .checklist__lead { font-size: 17px; }
    .checklist__item { gap: 14px; padding: 18px 0; }
    .checklist__check { width: 30px; height: 30px; }
    .checklist__item-title { font-size: 17px; }
    .checklist__item-text { font-size: 16px; }
}