.home_blog_grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.home_blog_card { min-width: 0; background: #fff; border: 1px solid #dce5e3; border-radius: 8px; }
.home_blog_card_link { display: flex; flex-direction: column; height: 100%; color: inherit; border-radius: inherit; }
.home_blog_card_link:focus-visible { outline: 3px solid #216b69; outline-offset: 4px; }
.home_blog_media { aspect-ratio: 16 / 10; overflow: hidden; background: #eaf0ee; border-radius: 7px 7px 0 0; }
.home_blog_media img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.home_blog_media_brand { display: grid; place-items: center; background: #eef4f2 url(../images/texture.webp) repeat; }
.home_blog_media_brand img { width: min(68%, 180px); height: auto; object-fit: contain; }
.home_blog_body { display: flex; flex: 1; flex-direction: column; align-items: flex-start; gap: 12px; padding: 22px 20px 18px; }
.home_blog_date { color: #536565; font-size: 12px; font-weight: 500; line-height: 1.5; }
.home_blog_body h3 { margin: 0; font-size: 18px; font-weight: 600; line-height: 1.5; overflow-wrap: anywhere; transition: color .2s ease; }
.home_blog_excerpt { margin: 0; color: #536565; font-size: 14px; line-height: 1.75; overflow-wrap: anywhere; }
.home_blog_read_more { display: flex; justify-content: space-between; align-items: center; gap: 16px; width: 100%; min-height: 44px; margin-top: auto; padding-top: 12px; color: #216b69; border-top: 1px solid #e5ece9; font-size: 13px; font-weight: 600; line-height: 1.5; }
.home_blog_read_more span { font-size: 21px; font-weight: 400; }
.home_blog_card_link:hover h3 { color: #216b69; }
.home_blog_card_link:hover .home_blog_media img { transform: scale(1.025); }

@media (max-width: 1024px) {
  .home_blog_grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
  .home_blog_grid { grid-template-columns: minmax(0, 1fr); }
}
