/* blog-card.css — WallPrintScale blog cards (blog list, category, author, tag pages). */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}
.blog-card{display:flex;flex-direction:column;background:var(--white,#fff);border:1px solid var(--line,rgba(21,59,80,.16));border-radius:var(--radius,2px);overflow:hidden;transition:transform .2s,box-shadow .2s}
.blog-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(21,59,80,.12)}
.blog-card-img-wrap{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--mist,#E7F1F1)}
.blog-card-img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.blog-card:hover .blog-card-img{transform:scale(1.03)}
.blog-card-body{display:flex;flex-direction:column;gap:10px;flex:1;padding:20px 22px 22px}
.blog-card-category{font-family:var(--f-head,"Barlow Semi Condensed",system-ui,sans-serif);font-size:var(--fs-xs,.75rem);font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.blog-card-cat-link{color:var(--copper-ink,#9A5A1C);text-decoration:none}
.blog-card-title{font-size:var(--fs-h3,1.2rem);line-height:1.25;margin:0}
.blog-card-title a{color:var(--ink,#153B50);text-decoration:none}
.blog-card-title a:hover{color:var(--copper-ink,#9A5A1C)}
.blog-card-excerpt{margin:0;font-size:1rem;color:var(--muted,#4F6470);line-height:1.55}
.blog-card-tags{display:flex;flex-wrap:wrap;gap:6px}
.blog-card-tag{font-size:var(--fs-xs,.75rem);padding:2px 8px;border-radius:var(--radius,2px);background:var(--mist,#E7F1F1);color:var(--ink,#153B50);text-decoration:none}
.blog-card-meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:var(--fs-sm,.875rem);color:var(--muted,#4F6470);margin-top:auto}
.blog-card-meta i{color:var(--copper,#C7782B);margin-right:3px}
.blog-card-read-more{align-self:flex-start;font-family:var(--f-head,"Barlow Semi Condensed",system-ui,sans-serif);font-weight:700;font-size:1rem;color:var(--copper-ink,#9A5A1C);text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:1px}
.blog-card-read-more i{margin-left:4px}
.empty-state{padding:24px;border:1px dashed var(--line,rgba(21,59,80,.16));border-radius:var(--radius,2px);color:var(--muted,#4F6470);background:var(--white,#fff)}