/* Shared HSplitView contract: equal columns; one row height; aligned edges.
   The taller child determines the row height, so text is never clipped.
   Change the gap here; change the common stack threshold below. */
.split-view {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: clamp(2rem, 5vw, 4.5rem);
}
.split-view > * { min-width: 0; }
@media (max-width: 900px) {
  .split-view { grid-template-columns: minmax(0, 1fr); gap: 2.8rem; }
}