/* ============================================================
   СПБ Переезд — blog
   Блок «blog». Подключается только там, где блок выведен.
   ============================================================ */

/* --- blog --- */
.sp-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:860px){.sp-posts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.sp-posts{grid-template-columns:1fr;max-width:400px;margin:0 auto}}

.sp-post{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
  text-decoration:none;display:block;transition:.16s;box-shadow:var(--sh)}

.sp-post:hover{border-color:var(--brand);transform:translateY(-2px)}

.sp-post .sp-post__img{aspect-ratio:16/9;background:linear-gradient(135deg,#0c1626,#123fb0);position:relative;background-size:cover;background-position:center}

.sp-post .sp-post__body{padding:16px 18px 19px}

.sp-post .sp-post__cat{font-family:var(--f-mono);font-size:10.5px;color:var(--brand);letter-spacing:.08em;text-transform:uppercase}

.sp-post h3{font-size:15.5px;font-weight:600;margin:8px 0 6px;color:var(--ink)}

.sp-post p{margin:0;font-size:13.5px;color:var(--ink-3)}