.blog-page{padding-bottom:72px}
.blog-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.blog-card{min-width:0;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 10px 28px #0b16240a;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.blog-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px #0b162418;border-color:color-mix(in srgb,var(--primary) 24%,var(--line))}
.blog-card__link{display:flex;height:100%;flex-direction:column;color:inherit}
.blog-card__image{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--soft)}
.blog-card__image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.blog-card:hover .blog-card__image img{transform:scale(1.045)}
.blog-card__body{display:flex;flex:1;flex-direction:column;padding:15px}
.blog-card__body strong{font-size:15px;line-height:1.35;overflow-wrap:anywhere}
.blog-card__body>span{margin-top:8px;color:var(--muted);font-size:11px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blog-grid__empty{grid-column:1/-1}
@media(max-width:1180px){.blog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:920px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}}
@media(max-width:430px){.blog-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.blog-card,.blog-card__image img{transition:none}}