.blog-card{background:var(--tc-white);border:1px solid var(--tc-gray-200);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;height:100%;transition:box-shadow .2s ease,border-color .2s ease}
.blog-card:hover{box-shadow:0 8px 20px -8px rgba(15,30,51,.14);border-color:#D5DDE8}
.blog-img-wrap{position:relative;aspect-ratio:21/9;overflow:hidden;background:var(--tc-gray-100);flex-shrink:0}
.blog-img-wrap a{display:block;width:100%;height:100%}
.blog-img-wrap img{width:100%;height:100%;object-fit:contain;display:block}
.blog-category{position:absolute;top:10px;left:10px;z-index:1;padding:4px 9px;background:rgba(15,30,51,.88);color:#fff;border-radius:5px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;line-height:1;pointer-events:none}
.blog-content{padding:12px 14px;display:flex;flex-direction:column;flex:1;min-width:0}
.blog-meta{display:flex;align-items:center;font-size:11.5px;font-weight:500;color:var(--tc-gray-500);margin-bottom:6px;line-height:1}
.blog-meta-item{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.blog-meta-item svg{width:13px;height:13px;flex-shrink:0}
.blog-card-title{font-size:15px;font-weight:600;line-height:1.35;color:var(--secondary);margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.01em}
.blog-card-title a{color:inherit;text-decoration:none}
.blog-card-title a:hover{color:var(--primary)}
.blog-card-title a:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:2px}
.blog-excerpt{font-size:13px;color:var(--tc-gray-600);line-height:1.55;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:break-word}
.blog-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:9px;border-top:1px solid var(--tc-gray-100)}
.blog-author{display:flex;align-items:center;gap:7px;min-width:0}
.blog-author-img{width:22px;height:22px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#0F1E33}
.blog-author-name{font-size:12px;font-weight:600;color:var(--tc-gray-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.blog-readmore{display:inline-flex;align-items:center;gap:3px;font-size:12.5px;font-weight:600;color:var(--primary);text-decoration:none;white-space:nowrap;flex-shrink:0}
.blog-readmore:hover{color:#052a5a}
.blog-readmore:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}
.blog-readmore svg{width:13px;height:13px;flex-shrink:0;transition:transform .15s ease}
.blog-readmore:hover svg{transform:translateX(2px)}
@media(prefers-reduced-motion:reduce){.blog-card,.blog-readmore svg{transition:none}.blog-readmore:hover svg{transform:none}}