.cms-blog-grid__inner { width: 100%; }
.cms-blog-grid__card { display: flex; flex-direction: column; }
.cms-blog-grid--layout-list .cms-blog-grid__card { flex-direction: row; }
.cms-blog-grid--layout-list .cms-blog-grid__image { width: 220px; max-width: 35%; object-fit: cover; }
.cms-blog-grid__image { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; display: block; }
.cms-blog-grid__body { padding: 1rem; display: flex; flex-direction: column; gap: 0.5rem; flex: 1; }
.cms-blog-grid__category { font-size: 0.78rem; text-decoration: none; color: #2563eb; }
.cms-blog-grid__title { margin: 0; }
.cms-blog-grid__title-link { color: inherit; text-decoration: none; }
.cms-blog-grid__title-link:hover { text-decoration: underline; }
.cms-blog-grid__excerpt { margin: 0; }
.cms-blog-grid__meta { margin-top: auto; }
.cms-blog-grid__tags { display: flex; flex-wrap: wrap; gap: 0.35rem; }
.cms-blog-grid__tag { font-size: 0.75rem; padding: 0.15rem 0.45rem; border-radius: 999px; background: #f1f5f9; color: #475569; }
.cms-blog-grid__pagination, .cms-blog-grid__load-more-wrap { display: flex; justify-content: center; gap: 0.35rem; margin-top: 1rem; flex-wrap: wrap; }
.cms-blog-grid__pagination-btn { border: 1px solid #e2e8f0; background: #fff; border-radius: 8px; padding: 0.35rem 0.65rem; }
.cms-blog-grid__pagination-btn.is-active { background: #2563eb; color: #fff; border-color: #2563eb; }
.gpb-blog-preview__card { border: 1px dashed #cbd5e1; border-radius: 10px; padding: 0.75rem; background: #f8fafc; }