/* Stage 22 desktop readability. Country popup/service layout verified in Chrome.
   Stage 21 is the sole baseline. No mobile, logo, intro or logic changes.
   Grow into the desktop outer gutter, retaining the original grid tracks
   and card left edge so the intro width and watermark anchor stay intact. */
@media (min-width: 1360px) {
  #exchange { width:520px; padding:24px 27px 21px; }
  #exchange .exchange-head { gap:12px; margin-bottom:15px; }
  #exchange .exchange-head > div { flex:1; min-width:0; }
  #exchange .blueicon { flex-shrink:0; }
  #exchange .overline { font-size:12px; }
  #exchange h2 { font-size:24px; line-height:1.28; }
  #exchange .market-switch { grid-template-columns:.8fr 1.2fr; }
  #exchange .market-switch button {
    min-height:42px; padding:9px 6px; font-size:15px; line-height:1.3;
  }
  #exchange .market-switch small,
  #exchange .market-switch #marketGlobal small { font-size:12px; }
  #exchange .market-switch .mode-name { overflow:visible; text-overflow:clip; }
  /* Both markets reserve the taller Global content footprint. This also
     keeps the swap button and primary button at the same vertical positions. */
  #exchange .pair { grid-template-rows:repeat(2,minmax(202px,1fr)); }
  #exchange .pair > .currencyfield { min-height:202px; padding:14px 18px; }
  #exchange .fieldlabel { font-size:12px; letter-spacing:.8px; }
  #exchange .currencytext b { font-size:17px; line-height:1.3; }
  #exchange .currencytext small { font-size:13px; line-height:1.4; }
  #exchange .currencybtn .currencytext,
  #exchange .currencybtn .currencytext b,
  #exchange .currencybtn .currencytext small {
    white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere;
  }
  #exchange .amountlabel > label { font-size:13px; }
  #exchange .amountlabel .amount-editor input { font-size:23px; }
  #exchange .amountlabel-receive .amount-editor input::placeholder { font-size:14px; }
  #exchange .global-filters { align-items:stretch; grid-template-columns:repeat(2,minmax(0,1fr)); }
  /* Reserve two value lines for both filters, including Payment services.
     Switching service types must not resize the equal-height currency rows. */
  #exchange .global-filter { min-height:80px; padding:8px; gap:6px; }
  html[data-market="global"] #exchange .global-filter-copy small {
    font-size:13px; line-height:1.3; white-space:normal; overflow:visible; text-overflow:clip;
  }
  html[data-market="global"] #exchange .global-filter-copy strong {
    font-size:15px; line-height:1.3; white-space:normal; overflow:visible;
    text-overflow:clip; overflow-wrap:anywhere;
  }
  #exchange > .primary { min-height:54px; font-size:16px; }
  #exchange .status { font-size:13px; }
  .desktopnav a { font-size:14px; }
}

/* JS portals this popup directly under body, outside #exchange. */
@media (min-width: 751px) {
  #globalRegionList .global-country-option { font-size:16px; line-height:1.4; height:auto; min-height:44px; }
  #globalRegionList .global-country-option-name { white-space:normal; overflow:visible; text-overflow:clip; }
}