/*
 * Channel-pair template — /{a}-{b}-integration/, 36 pages.
 *
 * Almost everything this page needs already exists in shared.css, fx.css and
 * p-shared.css. What is left is two layouts that only make sense with exactly
 * two channels on the page.
 */

/* The sale and its consequence, side by side. Two panels rather than the
   homepage's five-step stage: with one source and one destination there is no
   sequence long enough to justify a scroll narrative. */
.pair-flow {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--s-5);
  align-items: start;
}
@media (max-width: 860px) {
  .pair-flow { grid-template-columns: 1fr; }
}