.scripture-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2em;
  margin: 1.5em 0;
}

.scripture-layout .scripture {
  border-right: 1px solid #ddd;
  padding-right: 1.5em;
  font-style: italic;
}

.scripture-layout .commentary {
  color: #4a7abf;
  font-size: 0.95em;
}

.scripture-layout .scripture p:last-child,
.scripture-layout .commentary p:last-child {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .scripture-layout {
    grid-template-columns: 1fr;
    gap: 0.6em;
  }
  .scripture-layout .scripture {
    border-right: none;
    border-bottom: 1px solid #ddd;
    padding-right: 0;
    padding-bottom: 0.6em;
  }
}