/* Integration only. The approved desktop artwork lives in the component CSS. */
.home-trade-map-slot{position:relative;scroll-margin-top:80px}
.home-trade-map-slot>.sbc-trade-map{display:none}
.home-trade-map-mobile{display:contents}
@media(min-width:960px){
  /* Match the approved map's white canvas at the archive-to-map boundary. */
  .home-page .magic-home .magic-tablet,
  .home-page .magic-home .home-trade-map-slot{background:#fff}
  .home-trade-map-slot>.sbc-trade-map{display:block}
  .home-trade-map-mobile{display:none}
  /* Give the completed map a short reading window before the supply chapter
     starts covering it. The map remains sticky during this extra distance. */
  .home-page .magic-home .home-trade-map-slot{padding-bottom:clamp(96px,14vh,150px)}
}