/* blog-card.css — runhockeyapparel.com article cards (blog / category / tag / author lists). */
.blog-card{background:#fff;border:1px solid #DCE3EC;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(11,27,51,.05);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;display:flex;flex-direction:column;height:100%}
.blog-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(11,27,51,.12);border-color:#C3CFDD}
.blog-card-img-wrap{display:block;background:#F7F9FC}
.blog-card-img{width:100%;aspect-ratio:16/10;height:auto;object-fit:cover;display:block}
.blog-card-body{padding:1.35rem 1.4rem 1.4rem;flex:1;display:flex;flex-direction:column}
.blog-card-category{display:inline-block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#1F4E79;margin-bottom:.55rem}
.blog-card-category a{color:inherit!important;text-decoration:none}
.blog-card-title{font-size:1.2rem;font-weight:800;color:#0B1B33;margin:0 0 .7rem;line-height:1.3;letter-spacing:-.01em}
.blog-card-title a{color:inherit;text-decoration:none}
.blog-card-title a:hover{color:#1F4E79}
.blog-card-excerpt{font-size:.93rem;color:#53647A;line-height:1.6;margin:0 0 1rem;flex:1}
.blog-card-meta{display:flex;gap:.85rem;font-size:.8rem;color:#53647A;flex-wrap:wrap;margin-bottom:.8rem;padding-top:.8rem;border-top:1px solid #DCE3EC}
.blog-card-meta a{color:inherit;text-decoration:none}
.blog-card-meta i{margin-right:.25rem;color:#1F4E79}
.blog-card-read-more{display:inline-flex;align-items:center;gap:.4rem;color:#0B1B33;font-size:.9rem;font-weight:700;text-decoration:none;transition:gap .2s ease,color .2s ease}
.blog-card-read-more:hover{gap:.65rem;color:#1F4E79}
.blog-card-tags{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.8rem}
.blog-card-tag{display:inline-block;padding:.2rem .6rem;background:#F7F9FC;border:1px solid #DCE3EC;color:#14243B;font-size:.75rem;border-radius:20px;text-decoration:none;transition:background .2s ease,color .2s ease}
.blog-card-tag:hover{background:#0B1B33;border-color:#0B1B33;color:#fff}
.empty-state{text-align:center;padding:56px 20px;background:#F7F9FC;border:1px dashed #C3CFDD;border-radius:12px;color:#53647A;font-size:1rem;grid-column:1/-1;margin:0}
@media (prefers-reduced-motion:reduce){.blog-card,.blog-card-read-more{transition:none}.blog-card:hover{transform:none}}