/* Home-v3 challenge floor shell — synced from portal challenge-v2-floor.css */

/*
  challenge-v2.css uses `padding: 80px 0`, which zeros .floor padding-inline
  and lets the widget grow past the home-v3 content width. Re-assert the floor
  shell and cap the inner container at --container (1200).
*/
body.home-v3 .challenge-floor-v2.floor {
  width: 100%;
  max-width: calc(var(--container) + 2 * var(--page-pad));
  margin-inline: auto;
  padding-block: 80px;
  padding-inline: var(--page-pad);
}

body.home-v3 .challenge-floor-v2.floor .container {
  max-width: var(--container);
  width: 100%;
  margin-inline: auto;
  padding-inline: 0;
}

@media (max-width: 991.98px) {
  body.home-v3 .challenge-floor-v2.floor {
    padding-block: 48px;
    padding-inline: var(--page-pad);
  }
}

/*
  WP glow is a 263.8px blob for a 192px card (about +72px overflow).
  Scale with the card so Instant (4-up) and Sprint (3-up) both cover.
*/
body.home-v3 .challenge-floor-v2.floor .cv2-size__glow {
  left: -24px;
  width: calc(100% + 72px);
}

/* Match home-v3 / portal CTA hover (challenge-v2.css only uses brightness). */
body.home-v3 .challenge-floor-v2.floor .cv2-cta:hover,
body.home-v3 .challenge-floor-v2.floor .cv2-cta:focus-visible {
  filter: none;
  background: #f9a215;
  box-shadow:
    inset 0 5px 10px rgba(249, 135, 21, 0.6),
    0 5px 10px rgba(249, 135, 21, 0.6);
  color: #f9f9f9;
}