/* Блок «Как я проверяю выводы» (#checks): четыре карточки с маленькими иконками-схемами. */
.checks{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.checks article{background:#fff;border:1px solid #eff8f0;border-radius:24px;padding:26px;box-shadow:0 8px 32px #4d8c5709;transition:transform .18s,box-shadow .18s}
.checks article:hover{transform:translateY(-3px);box-shadow:0 14px 36px #4d8c5712}
.checks h3{font-size:20px;font-weight:600;line-height:1.3;margin:18px 0 12px}
.checks p{font-size:16px;line-height:1.65;color:var(--muted);margin:0}

/* Иконки */
.ck-ic{display:block;width:64px;height:48px;overflow:visible}
.ck-ic .t,.ck-ic .row{fill:#cfe9d4}
.ck-ic .t3{fill:#8fc29b}
.ck-ic .eq,.ck-ic .tick,.ck-ic .trend,.ck-ic .solid,.ck-ic .dash,.ck-ic .mark{fill:none;stroke-linecap:round;stroke-linejoin:round}
.ck-ic .eq{stroke:#8fc29b;stroke-width:2.6}
.ck-ic .tick{stroke:var(--green);stroke-width:3}
.ck-ic2 circle{fill:#8fc29b}
.ck-ic .trend{stroke:var(--green);stroke-width:2.6}
.ck-ic3 .flag{fill:#f6e3b4}
.ck-ic3 .dot{fill:#e0a93b}
.ck-ic .mark{stroke:#fff;stroke-width:2}
.ck-ic .band{fill:#cfe9d4;opacity:.6}
.ck-ic .solid{stroke:var(--green);stroke-width:2.6}
.ck-ic .dash{stroke:#8fc29b;stroke-width:2.6;stroke-dasharray:3 4}

/* Анимации — только когда app.js включил .anim (то есть движение не отключено в системе) */
.anim .checks article:not(.in){opacity:0}
.anim .checks article.in{animation:rise .5s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--d,0ms)}
.anim .checks .tick,.anim .checks .trend,.anim .checks .solid{stroke-dasharray:80;stroke-dashoffset:80}
.anim .checks .in .tick,.anim .checks .in .trend,.anim .checks .in .solid{transition:stroke-dashoffset .9s cubic-bezier(.2,.7,.2,1) .35s;stroke-dashoffset:0}
.anim .checks .ck-ic3 .dot{transform-box:fill-box;transform-origin:center;transform:scale(0)}
.anim .checks .in .ck-ic3 .dot{transition:transform .4s cubic-bezier(.3,1.6,.5,1) .5s;transform:scale(1)}
.anim .checks .ck-ic4 .band{opacity:0}
.anim .checks .in .ck-ic4 .band{transition:opacity .6s ease .9s;opacity:.6}

@media(max-width:1100px){.checks{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.checks{grid-template-columns:1fr;gap:16px}.checks article{padding:22px}.checks h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){.checks article{transition:none}.checks article:hover{transform:none}}