/* NGUYÊN VĂN từ design/blog.html (khối riêng trang) */
/* ===== riêng trang blog.html ===== */

.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.post{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s}
.post:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent}
.post[hidden]{display:none}
.post-img{aspect-ratio:16/10;overflow:hidden;background:var(--bg-soft)}
.post-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.post:hover .post-img img{transform:scale(1.05)}
.post-body{padding:22px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.post-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:.74rem;color:var(--muted);font-weight:600}
.post-meta .dot{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.5}
.post h3{font-size:1.1rem;font-weight:800;line-height:1.35}
.post p{font-size:.88rem;color:var(--muted);line-height:1.6;flex:1}
.post .link-arrow{margin-top:6px}
.feat{display:grid;grid-template-columns:1.15fr .85fr;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#fff;margin-bottom:44px;transition:box-shadow .3s}
.feat:hover{box-shadow:var(--shadow)}
.feat .post-img{aspect-ratio:auto;min-height:360px}
.feat .post-body{padding:44px 40px;justify-content:center;gap:14px}
.feat h3{font-size:1.75rem;line-height:1.25}
.feat p{flex:none;font-size:.98rem}
.blog-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:30px}
@media(max-width:980px){.bgrid{grid-template-columns:repeat(2,1fr)}.feat{grid-template-columns:1fr}.feat .post-img{min-height:240px}.feat .post-body{padding:28px 26px}.feat h3{font-size:1.4rem}}
@media(max-width:640px){.bgrid{grid-template-columns:1fr}}