/* ═══════════════════════════════
   BLOG & POSTS
   ═══════════════════════════════ */
.blog-listing{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.blog-post-card{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s}
.blog-post-card:hover{border-color:var(--blue);box-shadow:var(--shadow-lg)}
.blog-post-img{aspect-ratio:16/9;overflow:hidden;background:var(--gray)}
.blog-post-img img{width:100%;height:100%;object-fit:cover}
.blog-post-body{padding:22px;flex:1;display:flex;flex-direction:column}
.blog-post-date{font-size:12px;color:var(--text-mid);margin-bottom:10px;display:flex;align-items:center;gap:6px}
.blog-post-body h2{font-size:17px;font-weight:700;margin-bottom:10px;line-height:1.4;color:var(--text)}
.blog-post-body p{font-size:14px;color:var(--text-mid);line-height:1.7;flex:1;margin-bottom:16px}
.read-more{font-size:13.5px;font-weight:700;color:var(--blue);display:inline-flex;align-items:center;gap:5px;margin-top:auto}
.read-more:hover{text-decoration:underline}

/* Post content */
.post-layout{display:grid;grid-template-columns:1fr 300px;gap:48px;align-items:start;max-width:1100px;margin:0 auto}
.post-content{font-size:16px;line-height:1.85;color:var(--text)}
.post-content h2{font-size:22px;font-weight:800;margin:2.5rem 0 .75rem;color:var(--blue)}
.post-content h3{font-size:18px;font-weight:700;margin:1.75rem 0 .5rem}
.post-content p{margin-bottom:1.2rem;color:var(--text-mid)}
.post-content ul,.post-content ol{padding-left:1.4rem;margin-bottom:1.2rem}
.post-content li{margin-bottom:.5rem;color:var(--text-mid)}
.post-content strong{color:var(--text)}
.post-content a{color:var(--blue);text-decoration:underline}
.post-meta-bar{display:flex;align-items:center;gap:16px;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--border);flex-wrap:wrap}
.post-meta-bar span{font-size:13px;color:var(--text-mid);display:flex;align-items:center;gap:6px}
.post-author-box{background:var(--gray);border-radius:12px;padding:20px;margin-top:32px;display:flex;gap:16px;align-items:flex-start}
.post-author-icon{width:44px;height:44px;background:var(--blue);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.post-author-icon svg{color:#fff}
.post-author-name{font-size:14px;font-weight:700}
.post-author-bio{font-size:13px;color:var(--text-mid);margin-top:3px}

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