.blog-section{border-top:1px solid var(--line)}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:35px}
.blog-card{min-width:0;border-bottom:1px solid var(--line);padding-bottom:27px}
.blog-card-link{display:block;height:100%}
.blog-card-image{aspect-ratio:8/5;overflow:hidden;border-radius:4px;background:var(--sky)}
.blog-card-image img{display:block;width:100%;height:100%;object-fit:cover}
.blog-card-image:empty{display:none}
.blog-card-copy{padding-top:18px}
.blog-card time{font-size:.8125rem;color:var(--crimson)}
.blog-card h3{font-size:1.125rem;line-height:1.6;margin-top:8px;overflow-wrap:anywhere}
.blog-card p{font-size:1rem;line-height:1.8;color:var(--muted);margin-top:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blog-read{display:inline-flex;gap:10px;margin-top:19px;color:var(--blue);font-weight:700;font-size:.875rem}
.blog-card-link:hover h3,.blog-card-link:hover .blog-read{text-decoration:underline;text-underline-offset:4px}
.blog-status{color:var(--muted);font-size:.875rem;margin-top:20px;min-height:1.6em}
@media(max-width:800px){.blog-grid{gap:20px}.blog-card h3{font-size:1rem}}
@media(max-width:650px){.blog-grid{grid-template-columns:1fr;gap:30px}.blog-card h3{font-size:1.125rem}.blog-card-image{max-height:260px}}