.slc-related { width: 100%; }
.slc-related-grid {
  display: grid;
  gap: 1.2rem;
  grid-template-columns: 1fr;
}
@media (min-width: 640px) {
  .slc-related-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
  .slc-related-grid { grid-template-columns: repeat(3, 1fr); } /* 3 kolom */
}

.slc-related-item {
  border: 1px solid var(--wp--preset--color--contrast-3, #e2e8f0);
  border-radius: 8px;
  padding: 1rem;
  background: var(--wp--preset--color--base, #fff);
}

.slc-related-title {
  margin: 0 0 .25rem 0;
  font-size: 1.05rem;
  line-height: 1.3;
}

.slc-related-title a {
  text-decoration: none;
}

.slc-related-meta {
  font-size: .85rem;
  color: var(--wp--preset--color--contrast-2, #6b7280);
  margin-bottom: .5rem;
}

.slc-related-verse {
  white-space: pre-wrap; /* jaga line breaks */
  margin: 0;
  font-family: inherit; /* biar nggak monospaced */
  font-size: .95rem;
  line-height: 1.5;
}
.slc-related-heading {
  font-size: 1.25rem;
  margin: 0 0 .75rem 0;
  line-height: 1.3;
}
.slc-related-heading a {
  text-decoration: none;
  color: inherit;
}
.slc-related-heading a:hover {
  text-decoration: underline;
}