/* Layout — ancho de página y ritmo vertical entre secciones. */
.wrap {
  max-width: 760px;
  margin: 0 auto;
  padding-inline: 20px;
}

section {
  padding-block: 40px;
  border-top: 1px solid var(--line);
}

section:first-of-type { border-top: 0; }

/* Dos columnas en pantallas grandes, apiladas en mobile. */
.split {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

@media (min-width: 720px) {
  .split { grid-template-columns: 1fr 1fr; }
}