/* Blog listing uses compact representative thumbnails instead of large cover images. */
.blog-results .blog-featured.has-thumbnail{
  display:grid;
  grid-template-columns:190px minmax(0,1fr);
  min-height:150px;
}
.blog-results .blog-featured__image{
  display:block;
  align-self:start;
  overflow:hidden;
  height:150px;
  min-height:150px;
  background:#e7efee;
}
.blog-results .blog-featured__image img{
  display:block;
  width:100%;
  height:150px!important;
  min-height:0!important;
  max-height:150px!important;
  aspect-ratio:auto;
  object-fit:cover;
}
.blog-results .blog-featured>div{padding:20px 22px}
.blog-results .blog-featured h2{margin:10px 0 7px}
.blog-results .blog-featured p{margin:0 0 9px}
.blog-results .blog-grid article.has-thumbnail{
  display:grid;
  grid-template-columns:132px minmax(0,1fr);
  min-height:132px;
}
.blog-results .blog-card__image{
  display:block;
  align-self:start;
  overflow:hidden;
  height:132px!important;
  min-height:0!important;
  max-height:132px!important;
  background:#e7efee;
}
.blog-results .blog-card__image img{
  display:block;
  width:100%;
  height:132px;
  min-height:132px;
  aspect-ratio:auto;
  object-fit:cover;
}
.blog-results .blog-grid article>div{min-width:0;padding:15px 16px}
.blog-results .blog-grid h3{margin:8px 0 6px;font-size:1.05rem!important}
.blog-results .blog-grid p{-webkit-line-clamp:2;margin:0 0 7px;font-size:.88rem}
@media(max-width:700px){
  .blog-results .blog-featured.has-thumbnail{grid-template-columns:120px minmax(0,1fr);min-height:126px}
  .blog-results .blog-featured__image,.blog-results .blog-featured__image img{height:126px!important;min-height:0!important;max-height:126px!important}
  .blog-results .blog-featured>div{padding:15px 16px}
  .blog-results .blog-featured p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .blog-results .blog-grid article.has-thumbnail{grid-template-columns:104px minmax(0,1fr);min-height:112px}
  .blog-results .blog-card__image,.blog-results .blog-card__image img{height:112px!important;min-height:0!important;max-height:112px!important}
  .blog-results .blog-grid article>div{padding:13px}
}
@media(max-width:420px){
  .blog-results .blog-featured.has-thumbnail{grid-template-columns:96px minmax(0,1fr)}
  .blog-results .blog-grid article.has-thumbnail{grid-template-columns:90px minmax(0,1fr)}
  .blog-results .blog-category{padding:4px 7px}
  .blog-results .blog-featured p,.blog-results .blog-grid p{display:none}
}