/* Related articles use the Blog card family; only their grid is compact. */
.article-page .article-related-grid{
  grid-template-rows:repeat(2,minmax(190px,auto));
}
.article-page .article-related-grid>a.blog-catalog-card{
  display:flex;flex-direction:column;min-width:0;min-height:0;
  padding:27px;border-radius:24px;
  border:1px solid rgba(58,145,166,.2);
  box-shadow:0 16px 40px rgba(18,49,67,.055);
}
.article-page .article-related-grid>a.blog-catalog-card h3{
  display:block;max-width:none;overflow:visible;-webkit-line-clamp:unset;
  margin:24px 38px 12px 0;font-size:17px;line-height:1.3;
}
.article-page .article-related-grid>a.article-related-featured h3{
  margin-top:auto;padding-top:24px;
  font-size:clamp(29px,2.55vw,41px);line-height:1.12;
}
.article-page .article-related-grid>a.blog-catalog-card p{
  display:block;overflow:visible;-webkit-line-clamp:unset;
  margin:0 36px 0 0;font-size:12px;line-height:1.58;color:#71828e;
}
.article-page .article-related-grid>a.article-related-featured p{
  font-size:14px;color:#a9c5d0;
}
.article-page .article-related-grid>a.blog-catalog-card>i{
  right:22px;bottom:20px;width:34px;height:34px;font-size:14px;
}
@media(hover:hover) and (pointer:fine){
  .article-page .article-related-grid>a.blog-catalog-card:hover{
    transform:translateY(-5px);border-color:#6bc4d4;
    box-shadow:0 18px 42px rgba(18,49,67,.11);
  }
}
@media(max-width:820px){
  .article-page .article-related-grid{grid-template-rows:none}
  .article-page .article-related-grid>a.blog-catalog-card{min-height:255px}
}
@media(max-width:760px){
  .article-page .article-related-grid>a.blog-catalog-card{padding:23px}
  .article-page .article-related-grid>a.blog-catalog-card h3{margin-top:50px}
  .article-page .article-related-grid>a.article-related-featured h3{
    padding-top:0;font-size:26px;
  }
}