/* ==========================================================================
   service-multicurrency.html — page-specific rules (tokens only, no new colours)
   ========================================================================== */

/* Worked-examples table: keep money figures on one line; .table-wrap scrolls on phones */
.fx-table th, .fx-table td { white-space: nowrap; }
.fx-table th:last-child, .fx-table td:last-child { text-align: right; padding-right: 0; }
/* Phone-only hint that the table scrolls sideways (the "You receive" column sits off-screen at 500px) */
.fx-scroll-note { display: none; }

/* Settlement currencies: group caption in column 2, codes in columns 3–4 */
.ccy-group__title { font-size: 16px; font-weight: 700; line-height: 1.3; text-transform: uppercase; padding-top: 11px; }
.ccy-tags { gap: 10px; }
.ccy-tags .tag { height: 40px; padding: 0 16px; font-size: 14px; letter-spacing: 0.06em; }
.ccy-tags .tag b { font-weight: 700; margin-right: 10px; }

/* Dark band: lead + button row sits closer to the display heading */
.xb__intro { row-gap: 40px; align-items: start; }

@media (max-width: 1023px) {
  .ccy-group__title { padding-top: 0; }
  .ccy-groups { row-gap: 24px; }
}

@media (max-width: 639px) {
  .fx-scroll-note { display: block; margin-bottom: 16px; }
  .fx-table .num { font-size: 16px; }
  .ccy-tags { gap: 8px; }
  .ccy-tags .tag { height: 34px; padding: 0 12px; font-size: 12px; letter-spacing: 0.04em; }
  .ccy-tags .tag b { margin-right: 8px; }
  .ccy-groups { row-gap: 16px; }
  .ccy-groups .ccy-tags { margin-bottom: 16px; }
}