/* Доп. стили блога поверх legal.css (та же типографика и шапка). */
.crumbs{font-size:13px;color:var(--ink-3);margin-bottom:14px}
.crumbs a{color:var(--ink-2)}
.post-meta{color:var(--ink-3);font-size:14px;margin:0 0 26px}
.post-meta b{color:var(--ink-2);font-weight:500}
.lead-img{width:100%;border-radius:18px;margin:0 0 24px;display:block}

/* Карточки статей на индексе */
.cards{display:grid;gap:18px;margin-top:8px}
.pcard{display:block;padding:22px 24px;border:1px solid var(--line);border-radius:18px;background:#fff;
  transition:border-color .2s,box-shadow .2s}
.pcard:hover{border-color:#cfcfd4;box-shadow:0 8px 30px rgba(0,0,0,.05);text-decoration:none}
.pcard h2{font-size:19px;font-weight:640;color:var(--ink);margin:0 0 6px}
.pcard p{margin:0;color:var(--ink-2);font-size:15px}
.pcard .m{margin-top:10px;font-size:13px;color:var(--ink-3)}

/* CTA-блок в конце статьи */
.cta{margin:34px 0 8px;padding:26px;border-radius:20px;color:#fff;
  background:linear-gradient(135deg,#0a84ff,#0071e3);box-shadow:0 12px 40px rgba(0,113,227,.25)}
.cta h3{color:#fff;font-size:21px;font-weight:650;margin:0 0 6px}
.cta p{color:rgba(255,255,255,.92);margin:0 0 16px;font-size:15px}
.cta .btn{display:inline-block;background:#fff;color:#0071e3;font-weight:600;font-size:15px;
  padding:12px 24px;border-radius:980px;text-decoration:none}
.cta .btn:hover{background:#f0f6ff;text-decoration:none}

/* Блок «читайте также» */
.related{margin-top:36px;padding-top:24px;border-top:1px solid var(--line)}
.related b{display:block;margin-bottom:10px;font-size:14px;color:var(--ink-2)}
.related a{display:block;padding:6px 0;color:var(--blue)}