.promos-page { padding-bottom: 29px; }
.live-page { padding-bottom: 21px; }
.account-page { padding-bottom: 28px; }
.live-page .sp-hero-art { clip-path: inset(0 0 0 44px); }
.account-page .sp-hero-art { clip-path: inset(0 0 0 52px); }

/* Unified bottom navigation: active state is color only. */
.sp-bottom .featured::before,
.sp-bottom .active::before {
  display: none !important;
}

.sp-bottom .featured,
.sp-bottom .active {
  color: var(--gold);
}

.sp-bottom .featured img,
.sp-bottom .active img {
  filter: brightness(0) saturate(100%) invert(76%) sepia(97%) saturate(1258%) hue-rotate(350deg) brightness(103%) contrast(104%);
}

/* Keep the guide fully visible above the fixed navigation. */
.sp-faq summary {
  min-height: 27px;
}

.sp-legal {
  height: 70px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 5px 20px;
}

.sp-legal img {
  width: 52px;
  height: 52px;
}

.sp-bottom {
  height: 64px;
  padding-top: 4px;
  padding-bottom: 3px;
}

.sp-bottom img {
  width: 34px;
  height: 34px;
}