/* ============================================================
   Blok poradnik-wpisy — siatka bloga
   ============================================================ */
.blog{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.post{background:var(--panel);border:1px solid var(--hair);overflow:hidden;transition:.35s;display:flex;flex-direction:column}
.post:hover{border-color:var(--line);transform:translateY(-6px);box-shadow:0 24px 60px rgba(0,0,0,.45)}
.post-img{height:200px;background-size:cover;background-position:center;position:relative;filter:saturate(1.05);background-color:var(--panel-2)}
.post-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(12,9,7,.8))}
.post-cat{position:absolute;top:14px;left:14px;background:var(--blood);font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;padding:5px 10px;z-index:2;color:var(--bone)}
.post-body{padding:24px;display:flex;flex-direction:column;gap:12px;flex:1}
.post-body time{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.14em}
.post-body h3{font-size:21px;font-weight:800;letter-spacing:.03em;line-height:1.1}
.post-body h3 a{transition:.2s}
.post-body h3 a:hover{color:var(--copper-hi)}
.post-body p{color:var(--muted);font-size:14px;flex:1}
.post-body .more{font-family:var(--mono);font-size:12px;color:var(--copper-hi);letter-spacing:.16em;text-transform:uppercase}

@media(max-width:900px){
  .blog{grid-template-columns:1fr}
}