/* Card Concepts sandbox. Full landings must not load this file. */

html:has(> body[data-bd-edition="card-concepts"]),
body[data-bd-edition="card-concepts"] {
  --bd-bg-page: #F6F6F7;
  /* Match V10: v2.css pins :root --bd-content to 1280px and v10.css
     does not restore 1440. This sandbox does not load v2.css, so pin
     the same column here. */
  --bd-content: 1280px;
  --bd-page-pad: 20px;
  --bd-blue: #2096F4;
  --bd-blue-hi: #63B0F9;
  --bd-green: #038664;
  --bd-green-hi: #57A186;
  --bd-orange: #F79009;
  --bd-orange-hi: #FBAB61;
  --bd-blue-grad: linear-gradient(90deg, var(--bd-blue), var(--bd-blue-hi));
  --bd-green-grad: linear-gradient(90deg, var(--bd-green), var(--bd-green-hi));
  --bd-orange-grad: linear-gradient(90deg, var(--bd-orange), var(--bd-orange-hi));
  /* Same ambient glow as V10 stats plate, Solutions cards, Ecosystems cards. */
  --bd-v10-glow: var(--bd-glow);
}

body[data-bd-edition="card-concepts"] .bd-nav {
  --bd-bar-bg: #F6F6F7;
  --bd-bar-frost: rgba(246, 246, 247, 0.68);
}

body[data-bd-edition="card-concepts"] .bd-nav a.bd-nav__btn--solid {
  box-sizing: border-box;
  min-height: 48px;
  padding: 12px 24px;
  border-radius: 999px;
  font-size: var(--bd-text-base, 16px);
  line-height: 1;
}

body[data-bd-edition="card-concepts"] .bd-page {
  padding-bottom: 64px;
}

body[data-bd-edition="card-concepts"] .bd-cc1 + .bd-cc2,
body[data-bd-edition="card-concepts"] .bd-cc2 + .bd-cc3,
body[data-bd-edition="card-concepts"] .bd-cc3 + .bd-cc4,
body[data-bd-edition="card-concepts"] .bd-cc4 + .bd-cc5,
body[data-bd-edition="card-concepts"] .bd-cc5 + .bd-cc6,
body[data-bd-edition="card-concepts"] .bd-cc6 + .bd-cc7,
body[data-bd-edition="card-concepts"] .bd-cc7 + .bd-cc8 {
  padding-top: 32px;
}