/* Блог: статья, оглавление, CTA */
.bl-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}
.bl-article{max-width:none}
.bl-upd{color:#77817f;font-size:13px}
.bl-text{margin-top:18px;font-size:17px;line-height:1.72;color:#3e4946}
.bl-text p{margin:0 0 16px}
.bl-text h2{margin:40px 0 14px;font-size:27px;line-height:1.2;letter-spacing:-.8px;font-weight:800;color:#071a30;scroll-margin-top:110px}
.bl-text h3{margin:28px 0 10px;font-size:20px;line-height:1.25;letter-spacing:-.4px;color:#071a30}
.bl-text ul,.bl-text ol{margin:0 0 18px;padding-left:24px}.bl-text li{margin:0 0 8px}
.bl-text li::marker{color:#9bc43a;font-weight:800}
.bl-text a{color:#071a30;font-weight:700;text-decoration:underline;text-decoration-color:#b8f14b;text-decoration-thickness:2px;text-underline-offset:3px}
.bl-text a:hover{background:#f2f7ec}
.bl-text strong{color:#101515}
.bl-text blockquote,.bl-text .bl-note{margin:0 0 18px;padding:16px 20px;border-left:4px solid #b8f14b;border-radius:0 12px 12px 0;background:#f7fbef;color:#2c3532;font-size:16px}
.bl-text .bl-example{margin:0 0 18px;padding:16px 20px;border:1px dashed #cfd8d3;border-radius:12px;background:#fbfcfb;font-size:15.5px}
.bl-text table{width:100%;margin:0 0 20px;border-collapse:collapse;font-size:15px}
.bl-text th,.bl-text td{padding:10px 12px;border:1px solid #e2e8e5;text-align:left;vertical-align:top}
.bl-text th{background:#f2f7ec;color:#071a30}
.bl-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:36px 0 24px;padding:22px 24px;border-radius:16px;background:#000;border:1px solid var(--lime)}
.bl-cta b{color:#f2fbe8;font-size:18px;line-height:1.3}
.bl-toc{position:sticky;top:110px;padding:22px 22px 18px;border-radius:16px;background:#fff;border:1px solid #e2e8e5;box-shadow:0 12px 28px rgba(42,59,55,.05)}
.bl-toc b{display:block;margin-bottom:10px;font-size:13px;letter-spacing:1.2px;text-transform:uppercase;color:#77817f}
.bl-toc ol{margin:0;padding-left:18px;display:grid;gap:8px}.bl-toc li{font-size:14px;line-height:1.4}
.bl-toc a{color:#071a30}.bl-toc a:hover{text-decoration:underline}
.bl-grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:1000px){.bl-layout{grid-template-columns:1fr}.bl-toc{position:static;order:-1}.bl-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.bl-text{font-size:16px}.bl-text h2{font-size:22px}.bl-grid{grid-template-columns:1fr}.bl-text table{display:block;overflow-x:auto}}