.blog-card{color:inherit;border:1px solid var(--border);background-color:#fafafa;border-radius:16px;flex-direction:column;width:100%;min-height:280px;padding:24px;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;overflow:hidden}.blog-card:hover{border-color:#0000;transform:translateY(-4px);box-shadow:0 25px 50px -12px #00000040}@media (prefers-reduced-motion:reduce){.blog-card:hover{transform:none;box-shadow:0 8px 24px #0000000f}}.blog-card-content{flex-direction:column;flex:1;align-items:stretch;min-height:0;display:flex;overflow:hidden}.blog-tag{letter-spacing:.02em;color:var(--text-muted);background:var(--summary-bg-neutral);border:1px solid var(--border);border-radius:var(--radius-md);flex-shrink:0;width:fit-content;margin-bottom:5px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-block}.blog-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-shrink:0;margin:0 0 3px;font-size:clamp(17px,1.35vw,21px);font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.blog-desc-wrap{flex:1;align-items:center;min-height:3.5em;padding:0;display:flex}.blog-desc{color:var(--text-muted);-webkit-line-clamp:3;text-align:left;box-sizing:border-box;-webkit-box-orient:vertical;width:100%;min-width:0;margin:0;padding:0;font-size:clamp(14px,1.1vw,16px);line-height:1.45;display:-webkit-box;overflow:hidden}.blog-tags{flex-wrap:wrap;flex-shrink:0;gap:6px 10px;margin-top:12px;display:flex}.blog-tag-pill{color:var(--text-muted);background:var(--summary-bg-neutral);border:1px solid var(--border);border-radius:var(--radius-md);padding:4px 10px;font-size:12px;font-weight:500}.blog-read-title{color:var(--text-primary);font-size:clamp(15px,1.15vw,18px);font-weight:600;line-height:1.35}.blog-footer{justify-content:space-between;align-items:center;gap:var(--space-xs);margin-top:16px;display:flex}.blog-date,.blog-read-time{color:var(--text-muted);font-size:11px}@media (min-width:768px){.blog-card{min-height:340px}}@media (min-width:1024px){.blog-card{min-height:360px}}@media (max-width:640px){.blog-card{border-radius:12px;min-height:280px;padding:20px}.blog-tag{margin-bottom:4px;padding:3px 8px;font-size:10px}.blog-title{-webkit-line-clamp:2;margin-bottom:2px;font-size:19px}.blog-desc{-webkit-line-clamp:2;font-size:16px;line-height:1.4}.blog-date,.blog-read-time{font-size:11px}}