/* Recommendation placement; visual card rules are shared with the blog index. */
.gladia-site .gladia-related {
  margin-top: 80px;
  padding-top: 40px;
}
.gladia-site .gladia-related-heading { margin-bottom: 28px; }
.gladia-site .gladia-related-heading > h2 {
  margin: 0;
  font-size: 36px;
  font-weight: 500;
  line-height: 1.2;
}
.gladia-site .gladia-related .gladia-related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 48px 28px;
}
.gladia-site .gladia-related .gladia-card:focus-visible {
  outline: 2px solid #171717;
  outline-offset: 4px;
}
@media (min-width: 761px) and (max-width: 1020px) {
  .gladia-site .gladia-related .gladia-related-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 760px) {
  .gladia-site .gladia-related {
    max-width: 560px;
    margin: 48px auto 0;
    padding-top: 28px;
  }
  .gladia-site .gladia-related-heading { margin-bottom: 24px; }
  .gladia-site .gladia-related-heading > h2 { font-size: 28px; }
  .gladia-site .gladia-related .gladia-related-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }
}