/* blog index tiles + post header images (16.10.2026) */
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin:20px 0 40px}
.bcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden;text-decoration:none;color:var(--ink);transition:box-shadow .2s,transform .2s}
.bcard:hover{box-shadow:0 10px 26px rgba(0,0,0,.12);transform:translateY(-2px);color:var(--ink)}
.bcard-img img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.bcard-body{padding:16px 18px 20px;display:flex;flex-direction:column;flex:1}
.bcard-date{font-size:13px;color:var(--muted);margin:0 0 6px}
.bcard h2{font-size:19px;line-height:1.3;margin:0 0 8px;color:#333}
.bcard p{font-size:15px;line-height:1.5;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bcard-more{margin-top:auto;color:var(--red);font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.03em}
.blog-hero img{display:block;width:100%;height:clamp(200px,32vw,380px);object-fit:cover;border-radius:6px;margin:24px 0 8px}
@media (max-width:900px){.bgrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.bgrid{grid-template-columns:1fr}}
.md-content .bgrid{width:min(1120px,calc(100vw - 40px));position:relative;left:50%;transform:translateX(-50%)}
.md-content .blog-hero img{max-width:none}