/* bch2.org buy page, v1 (/assets/editorial/buy.v1.css)
   Loaded after bch2.v1.css on buy.html only. Design-system tokens only; no new colours.
   Shared patterns (long lede, phone button stacks, callout links, footer note links, prose
   measure, ordered-list markers) live in bch2.v1.css. The typed section numbers
   ("1. Buy on an Exchange") stay in the heading colour, like the whitepaper's. */

/* Ways to get BCH2: title (+ mono tag) | text, on the numbered-row tracks ----------------- */
.buy-body { display: grid; gap: var(--space-l); min-width: 0; }

.ways { border-top: var(--rule-strong); min-width: 0; }
.way {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: var(--space-xs);
  align-items: baseline;
  padding-block: 1.375rem 1.75rem;
  border-bottom: var(--rule);
}
/* Where numbered rows show three columns, the text starts on the row-description line
   (the same x as .spec-table--rows values). Elsewhere title sits over text. */
@media (min-width: 48rem) and (max-width: 56.24rem), (min-width: 80rem) {
  .way {
    grid-template-columns: minmax(0, calc(var(--row-label) - var(--row-gap))) minmax(0, 1fr);
    column-gap: var(--row-gap);
  }
}
.way__title {
  font-size: var(--text-lg);
  line-height: 1.25;
  letter-spacing: var(--tracking-title);
}
.way__title .tag {
  display: block;
  margin-top: var(--space-2xs);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  line-height: 1.5;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--green);
}
.way__body { min-width: 0; }
.way__body > .way__action { margin-top: var(--space-m); }

/* Custody callout: the wallet link sits to the right of the text where the column is wide. */
.custody__action { padding-top: var(--space-2xs); }
@media (min-width: 80rem) {
  .custody { display: flex; align-items: center; justify-content: space-between; gap: var(--space-l); }
  .custody > * + * { margin-top: 0; }
  .custody .custody__action { flex: none; padding-top: 0; }
}