/* Equal-height homepage blog cards with a consistent media frame. */
.blog-section .row.g-4>.d-flex{align-items:stretch}
.blog-section .blog-item{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}
.blog-section .blog-img{position:relative;display:block;flex:0 0 auto;width:100%;aspect-ratio:16/9;overflow:hidden;background:#edf1f8}
.blog-section .blog-img>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.blog-section .blog-img .badge{position:absolute;left:18px;bottom:14px;z-index:2;max-width:calc(100% - 36px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-shadow:0 5px 15px rgba(7,24,69,.14)}
.blog-section .blog-content{display:flex;flex:1;flex-direction:column;padding:20px 22px 22px}
.blog-section .blog-content>.d-flex{min-height:38px;gap:12px}
.blog-section .blog-content>.d-flex>a{min-width:0}
.blog-section .blog-content>.d-flex>p{flex:0 0 auto;white-space:nowrap}
.blog-section .blog-content .avatar{width:34px;height:34px}
.blog-section .blog-content .avatar img{width:100%;height:100%;object-fit:cover}
.blog-section .blog-content h5{margin-top:8px;font-size:19px;line-height:1.4}
.blog-section .blog-content h5 a{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:2.8em;color:var(--gg-ink)}
.blog-section .blog-content h5 a:hover{color:var(--gg-orange)}
@media(max-width:575px){.blog-section .blog-content{padding:17px 18px 20px}.blog-section .blog-content h5{font-size:18px}.blog-section .blog-img .badge{left:14px;bottom:12px}}