.route-split { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-8); align-items: center; }
.route-line {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--card-pad-lg) var(--card-pad);
  font-family: var(--font-display);
  font-weight: var(--weight-bold);
  letter-spacing: .04em;
  text-transform: uppercase;
  background: var(--surface-card);
  border: var(--border-hairline) solid var(--border-subtle);
  border-top: var(--rule-accent) solid var(--green-400);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-card);
}
.route-line__truck { position: relative; flex: 1; display: flex; justify-content: center; }
.route-line__truck::before { content: ""; position: absolute; inset: 50% 0 auto; border-top: var(--border-thick) dashed var(--green-500); }
.route-line__truck .icon { position: relative; width: 52px; height: 52px; padding: 12px; color: var(--green-700); background: var(--surface-accent-soft); border-radius: var(--radius-md); }

@media (min-width: 60em) {
  .route-split { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-11); }
  .route-line { gap: var(--space-4); padding: var(--space-11) var(--card-pad-lg); font-size: var(--h4-size); }
  .route-packing { flex-direction: row; align-items: flex-start; gap: var(--space-6); }
}

.method--stack ol { grid-template-columns: minmax(0, 1fr); gap: 32px; max-width: 780px; }
.method--stack li { font-size: 16.5px; line-height: 1.6; }