/* Forex market card: keep the "50+" metric and its label together
   on narrow screens in English (LTR) and Arabic (RTL).
   Scope: homepage market card, mobile only. */
@media (max-width:760px) {
  html body .market-grid .market-card.market-forex .market-card-bottom {
    display:grid;
    grid-template-columns:minmax(0,1fr) max-content;
    align-items:end;
    column-gap:clamp(10px,3vw,20px);
    row-gap:12px;
    width:100%;
  }
  html body .market-grid .market-card.market-forex .market-card-bottom > div {
    min-width:0;
    max-width:100%;
  }
  html body .market-grid .market-card.market-forex .market-card-bottom p {
    max-width:100%;
  }
  html body .market-grid .market-card.market-forex .market-number {
    display:inline-flex;
    align-items:baseline;
    justify-self:end;
    align-self:end;
    gap:6px;
    flex:none;
    width:max-content;
    max-width:100%;
    direction:ltr;
    unicode-bidi:isolate;
    white-space:nowrap;
    font-size:clamp(28px,6.4vw,36px);
    line-height:1.1;
    letter-spacing:-.04em;
  }
  html body .market-grid .market-card.market-forex .market-number small {
    display:inline-block;
    flex:none;
    font-size:clamp(10px,2.2vw,12px);
    font-weight:600;
    letter-spacing:0;
    white-space:nowrap;
    line-height:1.35;
    unicode-bidi:isolate;
  }
}
@media (max-width:480px) {
  /* Give the longer Arabic label a separate row, rather than
     squeezing the title or letting "pairs" wrap underneath 50+. */
  html body .market-grid .market-card.market-forex .market-card-bottom {
    grid-template-columns:minmax(0,1fr);
    row-gap:13px;
  }
  html body .market-grid .market-card.market-forex .market-number {
    justify-self:end;
  }
}