.bsk-blog-card { width: 384px; overflow: hidden; border: 1px solid #eef0f3; border-radius: 16px; background: #fff; box-shadow: 4px 4px 12px 0px #07185B08;}
.bsk-blog-card-media { display: block; width: 100%; height: auto; aspect-ratio: 384 / 235; overflow: hidden; border-bottom: 1px solid var(--bsk-border); background-color: #fff; }
.bsk-blog-card-media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.bsk-blog-card-body { padding: 24px; }
.bsk-blog-card h2, .bsk-blog-card h3, .bsk-blog-card h4 { display: -webkit-box; min-height: 58px; overflow: hidden; -webkit-box-orient: vertical; font-size: 20px; font-weight: 700; line-height: 1.45; overflow-wrap: anywhere; -webkit-line-clamp: 3; }
.bsk-blog-card-meta { margin: 12px 0 18px !important; color: var(--bsk-text-tertiary); font-size: 13px; }
.bsk-blog-card-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.bsk-blog-card-tags a { padding: 6px 10px; border-radius: 4px; background: var(--bsk-bg-blue-light); color: var(--bsk-primary); font-size: 12px; line-height: 1.2; }
.bsk-blog-post-grid { display: grid; grid-template-columns: repeat(3, 384px); align-items: stretch; gap: 32px 24px; }
.bsk-blog-post-grid .bsk-blog-card { display: flex; width: auto; min-height: 520px; padding-bottom: 24px; box-sizing: border-box; flex-direction: column; gap: 24px; border: 0; border-radius: 20px; box-shadow: 4px 4px 12px 0px #07185B08; }
.bsk-blog-post-grid .bsk-blog-card-media { height: auto; flex: 0 0 auto; border: 0; border-radius: 16px 16px 0 0; }
.bsk-blog-post-grid .bsk-blog-card-body { display: flex; min-height: 237px; padding: 0 24px; box-sizing: border-box; flex-direction: column; justify-content: space-between; gap: 20px; }
.bsk-blog-post-grid .bsk-blog-card-content { display: flex; flex-direction: column; gap: 8px; }
.bsk-blog-post-grid .bsk-blog-card-content > a, .bsk-blog-post-grid .bsk-blog-card-content > a h2, .bsk-blog-post-grid .bsk-blog-card-content > a h3, .bsk-blog-post-grid .bsk-blog-card-content > a h4 { color: var(--bsk-title-important); text-decoration: none; }
.bsk-blog-post-grid .bsk-blog-card h2, .bsk-blog-post-grid .bsk-blog-card h3, .bsk-blog-post-grid .bsk-blog-card h4 { min-height: 0; margin: 0; font-size: 24px; font-weight: 700; line-height: 1.375; }
.bsk-blog-post-grid .bsk-blog-card-tags { align-content: flex-start; gap: 12px; }
.bsk-blog-post-grid .bsk-blog-card-tags a { padding: 4px 8px; border-radius: 8px; font-size: 16px; font-weight: 500; line-height: 24px; }
.bsk-blog-post-grid .bsk-blog-card-meta { margin: 0 !important; font-size: 20px; line-height: 30px; }