/* TradingRoad hero focus card: responsive placement on laptop widths.
   Uses the existing card placement as the anchor. 1000px and below, and
   ultrawide 1900px+, keep their previous positions. No hero/image/layout edits. */
@media (min-width:1001px) and (max-width:1899px) {
  html body .tr-hero .tr-insight {
    --tr-focus-shift: clamp(
      0px,
      min(
        110px,
        calc((100vw - 1180px) * 0.35),
        calc((1900px - 100vw) * 0.5)
      ),
      110px
    );
  }
  html:not([dir="rtl"]) body .tr-hero .tr-insight {
    translate: calc(0px - var(--tr-focus-shift)) 0;
  }
  html[dir="rtl"] body.tr-ar-home .tr-hero .tr-insight {
    translate: var(--tr-focus-shift) 0;
  }
}