/* Four approved original TradingRoad artwork images, 29 Oct 2026.
   Original art, no added gradients; HTML card copy remains editable. */
#advantages .adv-grid > .adv-card {background-repeat:no-repeat!important;overflow:hidden!important;isolation:isolate!important}
#advantages .adv-grid > .adv-card.adv-main {
 background-color:#000080!important;
 background-image:url('/wp-content/uploads/2026/10/tr-advantages-approved-perspective-20261029.webp')!important;
 background-size:cover!important;background-position:right center!important;background-repeat:no-repeat!important;background-repeat:no-repeat!important;
}
#advantages .adv-grid > .adv-card.adv-small:not(.adv-white) {
 background-color:#DFE2F9!important;
 background-image:url('/wp-content/uploads/2026/10/tr-access-seamless-wide-1014x664-1.webp')!important;
 background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;
}
#advantages .adv-grid > .adv-card.adv-small.adv-white {
 background-color:#fff!important;
 background-image:url('/wp-content/uploads/2026/10/tr-exploration-framed-1014x664-final.webp')!important;
 background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;
}
#advantages .adv-grid > .adv-card.adv-wide {
 background-color:#E7E8F2!important;
 background-image:url('/wp-content/uploads/2026/10/tr-advantages-approved-risk-20261029.webp')!important;
 background-size:cover!important;background-position:right center!important;
}
#advantages .adv-grid > .adv-card > .adv-text {
 position:relative!important;z-index:3!important;display:block!important;
 visibility:visible!important;opacity:1!important;transform:none!important;
 filter:none!important;margin-top:auto!important;
}
#advantages .adv-grid > .adv-card > .adv-icon {
 position:relative!important;z-index:3!important;
 visibility:visible!important;opacity:1!important;
}
#advantages .adv-grid > .adv-card .adv-index,
#advantages .adv-grid > .adv-card .adv-text h3,
#advantages .adv-grid > .adv-card .adv-text p,
#advantages .adv-grid > .adv-card .adv-text a {visibility:visible!important;opacity:1!important}
#advantages .adv-grid > .adv-card.adv-main .adv-text h3,
#advantages .adv-grid > .adv-card.adv-main .adv-index{color:#fff!important}
#advantages .adv-grid > .adv-card.adv-main .adv-text p{color:#E4E8FF!important}
#advantages .adv-grid > .adv-card.adv-small .adv-text h3,
#advantages .adv-grid > .adv-card.adv-wide .adv-text h3{color:#08084C!important}
#advantages .adv-grid > .adv-card.adv-wide > .adv-text{max-width:46%!important}
@media(max-width:1000px) and (min-width:761px){
 #advantages .adv-grid > .adv-card.adv-small:not(.adv-white){background-size:cover!important;background-position:right center!important}
 #advantages .adv-grid > .adv-card.adv-small.adv-white{background-size:auto 100%!important;background-position:right center!important}
 #advantages .adv-grid > .adv-card.adv-wide > .adv-text{max-width:53%!important}
}
@media(max-width:760px){
 #advantages .adv-grid > .adv-card{min-height:390px!important;background-repeat:no-repeat!important}
 #advantages .adv-grid > .adv-card.adv-wide{min-height:440px!important}
 #advantages .adv-grid > .adv-card.adv-main{background-size:auto 55%!important;background-position:right top 0!important;background-repeat:no-repeat!important}
 #advantages .adv-grid > .adv-card.adv-small:not(.adv-white){background-size:cover!important;background-position:right center!important;background-repeat:no-repeat!important}
 #advantages .adv-grid > .adv-card.adv-small.adv-white{background-size:100% auto!important;background-position:right top 0!important;background-repeat:no-repeat!important}
 #advantages .adv-grid > .adv-card.adv-wide{background-size:auto 55%!important;background-position:right top 0!important;background-repeat:no-repeat!important}
 #advantages .adv-grid > .adv-card > .adv-text,
 #advantages .adv-grid > .adv-card.adv-wide > .adv-text{max-width:min(290px,90%)!important}
}

/* Tablet: keep artwork on the right, text on the left of each full-width card. */
@media (min-width:761px) and (max-width:1000px){
 #advantages .adv-grid{grid-template-columns:minmax(0,1fr)!important}
 #advantages .adv-grid>.adv-card{grid-column:1/-1!important;min-height:332px!important}
 #advantages .adv-grid>.adv-card.adv-wide>.adv-text{max-width:46%!important}
}


/* Targeted object scale and baseline alignment: Access and Exploration only, desktop. */
@media (min-width:1001px) {
  /* 02 Access: 23% larger; lower the laptop/phone as a unit, right-anchored. */
  #advantages .adv-grid > .adv-card.adv-small:not(.adv-white) {
    /* Photoshop-like scale of the existing WordPress image: top/right anchored. */
    background-size:118% auto!important;
    background-position:right top!important;
  }
  /* 03 Exploration: 24% larger; globe baseline closer to the shield. */
  #advantages .adv-grid > .adv-card.adv-small.adv-white {
    /* Exact original artwork plus a 50px seamless top extension (30px displayed at 614px card width).
       Same displayed globe/orbit scale and baseline as the prior top:30px rule. */
    background-image:url('/wp-content/uploads/2026/10/tr-exploration-framed-1014x714-top50.webp')!important;
    background-size:100% auto!important;
    background-position:right 0 top 0!important;
  }
}