.blog-layout-container{min-height:100vh;background-color:#f8f9fa;display:flex;flex-direction:column}.blog-layout-container .blog-layout-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:48px 24px;box-sizing:border-box}@media(max-width:768px){.blog-layout-container .blog-layout-content{padding:32px 16px}}.blog-layout-container .blog-layout-content .blog-card-grid{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;justify-content:flex-start;align-items:flex-start;gap:24px;margin:0;padding:0;box-sizing:border-box}.blog-card-container{max-width:264px;width:100%;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease-in-out}.blog-card-container:hover{transform:translateY(-4px)}.blog-card-container .blog-card-content{width:100%;gap:20px;align-items:center;justify-content:center}.blog-card-container .blog-card-content .blog-card-image-container{position:relative;width:100%}.blog-card-container .blog-card-content .blog-card-image-container .read-time-chip{display:flex;align-items:center;justify-content:center;position:absolute;bottom:12px;right:12px;background-color:#fff;border-radius:100px;color:#283238;opacity:.9;font-size:12px;font-weight:500;padding:4px 8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.blog-card-container .blog-card-content .blog-card-image-container .read-time-chip .read-time-text{font-size:12px;font-weight:500;color:#283238}.blog-card-container .blog-card-content .blog-card-body{width:100%;gap:8px}.blog-card-container .blog-card-content .blog-card-body .blog-card-title-container{align-items:flex-start;justify-content:space-between;min-height:48px}.blog-card-container .blog-card-content .blog-card-body .blog-card-title-container .blog-card-title{color:#283238;font-size:16px;font-weight:700;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blog-card-container .blog-card-content .blog-card-body .blog-card-brief{color:#596e79;font-size:14px;font-weight:400;line-height:1.5;min-height:42px}.blog-card-container .blog-card-content .blog-card-body .blog-card-info-container{align-items:center;justify-content:space-between;margin-top:4px}.blog-card-container .blog-card-content .blog-card-body .blog-card-info-container .blog-card-date{color:#596e79;font-size:12px;font-weight:400}