/* блок «Статьи» на главной */
.bl{background:var(--bg);padding:96px 0 104px}
.bl-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:40px}
.bl h2{font-family:var(--fd);font-weight:800;font-size:clamp(44px,9vw,76px);line-height:.95;letter-spacing:-.005em}
.bl-head a{color:var(--sky);font-weight:600}
.bl .posts{display:grid;gap:16px}
.bl .post{border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;background:#fff;transition:border-color .16s ease,transform .2s cubic-bezier(.23,1,.32,1)}
.bl .post .vis{height:170px;background:var(--soft);border-bottom:1px solid var(--line);padding:18px;display:flex;flex-direction:column;justify-content:center;gap:8px}
.bl .post .t{text-align:left;padding:18px 20px 22px;display:flex;flex-direction:column;flex:1}
.bl .post .rub{font-size:13px;font-weight:600;color:var(--sky)}
.bl .post h3{font-family:'Sofia Sans Semi Condensed','Golos Fallback',sans-serif;font-weight:700;font-size:22px;line-height:1.15;margin-top:6px}
.bl .post p{margin-top:8px;font-size:15px;line-height:1.5;color:var(--ink-2)}
.bl .post .meta{margin-top:auto;padding-top:16px;font-size:13px;color:var(--muted)}
.bl .row{display:flex;justify-content:space-between;gap:10px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:7px 10px;font-size:13px}
.bl .row span{color:var(--muted);font-size:12px}.bl .row b{font-weight:600}.bl .row .bad{color:var(--bad)}.bl .row .ok{color:var(--ok)}
.bl .pill{display:inline-block;font-size:11px;font-weight:700;border-radius:5px;padding:2px 6px;margin-right:6px;font-style:normal}
.bl .pill.c{background:#FFE58A;color:#5A4500}.bl .pill.b{background:#D6E8F8;color:var(--sky-d)}
.bl .steps4{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.bl .steps4 div{background:#fff;border:1px solid var(--line);border-radius:9px;padding:8px 6px;text-align:center;font-size:12px;color:var(--ink-2)}
.bl .steps4 b{display:block;font-family:var(--fd);font-weight:800;font-size:26px;line-height:1;color:var(--sky)}
@media (hover:hover) and (pointer:fine){.bl .post:hover{border-color:#9DBFE3;transform:translateY(-2px)}}
@media (min-width:760px){.bl .posts{grid-template-columns:repeat(3,1fr)}}