/* CSS riêng cho khu vực Blog — chỉ tải trên trang blog, dùng lại biến màu của theme
   (đã khai báo ở style.css theme) nếu có, có fallback màu cứng để plugin vẫn chạy độc lập
   được kể cả khi dùng theme khác. */
.tdl-blog-grid{display:grid;grid-template-columns:1fr;gap:18px;margin-top:20px}
@media(min-width:700px){.tdl-blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.tdl-blog-grid{grid-template-columns:repeat(3,1fr)}}
.tdl-blog-card{border:1px solid var(--border,#e3e6df);border-radius:10px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.tdl-blog-thumb img{width:100%;height:160px;object-fit:cover;display:block}
.tdl-blog-body{padding:14px}
.tdl-blog-body h3{margin:6px 0}
.tdl-blog-body p{font-size:13px;color:var(--muted,#5b6058);margin:0 0 10px}
.tdl-blog-meta{font-size:12px;color:var(--muted,#5b6058);margin-bottom:4px}
.tdl-blog-thumb-single img{width:100%;border-radius:10px;margin:12px 0}