/* Jannah 7.6.5 related-card layout, scoped to our own box.
 * Colors, fonts, borders, dark mode and heading decoration come from Jannah.
 * No #related-posts ID is reused; native related posts remain untouched.
 */
.jpr-previous-posts .related-posts-list {
  overflow: hidden;
  margin: 0 -15px -20px;
}
.jpr-previous-posts .related-item {
  position: relative;
  float: left;
  width: 33.333%;
  padding: 0 15px;
  margin-bottom: 20px;
}
.jpr-previous-posts .related-item:nth-child(3n+1) { clear: both; }
.jpr-previous-posts .related-item .post-thumb { margin-bottom: 10px; }
.jpr-previous-posts .related-item .post-title {
  font-size: 14px;
  line-height: 19px;
}
.jpr-previous-posts .related-item .post-meta { margin: 4px 0 0; }
.full-width .jpr-previous-posts .related-item { width: 25%; }
.full-width .jpr-previous-posts .related-item:nth-child(3n+1) { clear: none; }
.full-width .jpr-previous-posts .related-item:nth-child(4n+1) { clear: both; }
.rtl .jpr-previous-posts .related-item,
[dir="rtl"] .jpr-previous-posts .related-item { float: right; }
@media (max-width: 767px) {
  .jpr-previous-posts .related-posts-list { margin: 0 -8px -20px; }
  .jpr-previous-posts .related-item {
    width: 50% !important;
    padding: 0 8px;
    clear: none !important;
  }
  .jpr-previous-posts .related-item:nth-child(2n+1) { clear: left !important; }
  .rtl .jpr-previous-posts .related-item:nth-child(2n+1),
  [dir="rtl"] .jpr-previous-posts .related-item:nth-child(2n+1) { clear: right !important; }
}