/* Four TradingRoad Advantages cards — mobile landscape correction.
   Revision 4: actual desktop originals adapted onto individual mobile canvases. Desktop is unchanged. */
@media (max-width:760px) {
  html body #advantages .adv-grid {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-rows:auto!important;
    align-items:start!important;
    gap:13px!important;
  }
  html body #advantages .adv-grid > .adv-card,
  html body #advantages .adv-grid > .adv-card.adv-main,
  html body #advantages .adv-grid > .adv-card.adv-small:not(.adv-white),
  html body #advantages .adv-grid > .adv-card.adv-small.adv-white,
  html body #advantages .adv-grid > .adv-card.adv-wide {
    box-sizing:border-box!important;
    display:block!important;
    grid-column:1/-1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    aspect-ratio:1.48 / 1!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:clamp(16px,3.4vw,22px)!important;
    border-radius:18px!important;
    overflow:hidden!important;
    /* Purpose-built 1480 x 1000 mobile images: no compression or distortion. */
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
  }

  /* These apply exclusively to mobile. Desktop original images are unchanged. */
  html body #advantages .adv-grid > .adv-card.adv-main {
    background-image:url('/wp-content/uploads/2026/11/tr-advantage-mobile-original-perspective-v1.webp')!important;
    background-size:cover!important;
    background-position:center center!important;
  }
  html body #advantages .adv-grid > .adv-card.adv-small:not(.adv-white) {
    background-image:url('/wp-content/uploads/2026/11/tr-advantage-mobile-original-access-v1.webp')!important;
    background-size:cover!important;
    background-position:center center!important;
  }
  html body #advantages .adv-grid > .adv-card.adv-small.adv-white {
    background-image:url('/wp-content/uploads/2026/11/tr-advantage-mobile-original-exploration-v1.webp')!important;
    background-size:cover!important;
    background-position:center center!important;
  }
  html body #advantages .adv-grid > .adv-card.adv-wide {
    background-image:url('/wp-content/uploads/2026/11/tr-advantage-mobile-original-risk-v2.webp')!important;
    background-size:cover!important;
    background-position:center center!important;
  }
  html body #advantages .adv-grid > .adv-card > .tr-card-copy,
  html body #advantages .adv-grid > .adv-card.adv-main > .tr-card-copy,
  html body #advantages .adv-grid > .adv-card.adv-small:not(.adv-white) > .tr-card-copy,
  html body #advantages .adv-grid > .adv-card.adv-small.adv-white > .tr-card-copy,
  html body #advantages .adv-grid > .adv-card.adv-wide > .tr-card-copy {
    display:block!important;
    position:absolute!important;
    inset:auto auto clamp(14px,3vw,22px) clamp(16px,3.4vw,22px)!important;
    width:58%!important;
    max-width:58%!important;
    min-width:0!important;
    margin:0!important;
    z-index:20!important;
    overflow-wrap:break-word;
  }
  html body #advantages .adv-grid > .adv-card > .tr-card-copy .adv-index {
    font-size:clamp(9px,2vw,11px)!important;
    line-height:1.4!important;
    margin:0 0 7px!important;
  }
  html body #advantages .adv-grid > .adv-card > .tr-card-copy h3 {
    font-size:clamp(20px,4.4vw,25px)!important;
    line-height:1.21!important;
    letter-spacing:-.025em!important;
    margin:0 0 7px!important;
  }
  html body #advantages .adv-grid > .adv-card > .tr-card-copy p {
    font-size:clamp(10px,2.25vw,12.5px)!important;
    line-height:1.46!important;
    margin:0!important;
  }
  html body #advantages .adv-grid > .adv-card > .tr-card-copy .inline-link {
    font-size:11px!important;
    margin-top:7px!important;
  }
  html[dir="ltr"] body #advantages .adv-grid > .adv-card > .adv-icon {
    position:absolute!important;
    left:17px!important;right:auto!important;top:17px!important;
  }
  html[dir="rtl"] body #advantages .adv-grid > .adv-card > .adv-icon {
    position:absolute!important;
    right:17px!important;left:auto!important;top:17px!important;
  }
}
/* Very narrow phones need slightly more height for Arabic captions. */
@media (max-width:380px) {
  html body #advantages .adv-grid > .adv-card,
  html body #advantages .adv-grid > .adv-card.adv-main,
  html body #advantages .adv-grid > .adv-card.adv-small,
  html body #advantages .adv-grid > .adv-card.adv-wide {
    aspect-ratio:1.28 / 1!important;
  }
  html body #advantages .adv-grid > .adv-card > .tr-card-copy,
  html body #advantages .adv-grid > .adv-card.adv-small > .tr-card-copy {
    width:63%!important;
    max-width:63%!important;
  }
}