.blog-intro{padding:30px 0;border-bottom:1px solid #e2e8f0}.blog-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}.blog-card{border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;padding:20px;background:#fff}.blog-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px}.blog-card h2{font-size:1.2rem}.blog-article{max-width:850px;margin:auto;line-height:2.1}.blog-cover{width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:16px}.blog-article h2{margin-top:2rem}.blog-article h3{font-size:1.15rem}.blog-toc{background:#f3f7fb;padding:20px;border-radius:12px}.blog-meta{display:flex;flex-wrap:wrap;gap:14px;color:#637087;font-size:.9rem}.blog-filters{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.blog-filters input,.blog-filters select,.blog-filters button{padding:10px;border:1px solid #cbd5e1;border-radius:8px;font:inherit}.blog-pagination{display:flex;gap:16px;margin-top:25px}@media(max-width:900px){.blog-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.blog-list{grid-template-columns:1fr}}

.blog-taxonomy-links{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.blog-taxonomy-links a{padding:6px 14px;border:1px solid #ddd;border-radius:24px}.blog-article img{max-width:100%;height:auto}.blog-article table{border-collapse:collapse;display:block;max-width:100%;overflow:auto;margin:20px 0}.blog-article td,.blog-article th{border:1px solid #d5dce5;padding:10px}.blog-article blockquote{border-right:4px solid #f97316;padding:16px 22px;background:#fff8f3;margin:22px 0}.blog-article pre{direction:ltr;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;background:#f1f4f8;padding:18px;border-radius:12px}
