/* Token bridge: marketing Design System colors_and_type.css + homepage tokens.
 * Scoped to this component so product/theme tokens are never overwritten. */
.ascend-popup {
  --surface-0: #fff;
  --fg-1: #000;
  --fg-2: #111827;
  --fg-5: #4b5563;
  --fg-6: #6b7280;
  --ascend-blue: #3498dc;
  --ascend-blue-deep: #2b7bb5;
  --ascend-white: #fff;
  --ascend-home-blue-text: #1f6c9e;
  --ascend-home-line: #d3dde6;
  --font-display: Montserrat, system-ui, sans-serif;
  --font-body: Inter, system-ui, sans-serif;
  --r-lg: 16px;
  --shadow-card-hover: 0 20px 40px -10px rgb(0 0 0 / 10%);
  --shadow-cta: 0 4px 15px rgb(52 152 220 / 40%);
}
.ascend-popup[hidden] { display: none !important; }
.ascend-popup .ascend-popup__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid;
  border-radius: 9999px;
  text-decoration: none;
  font-family: var(--font-body);
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  box-shadow: var(--shadow-cta);
  line-height: 1.3;
  text-align: center;
}
.ascend-popup .ascend-popup__close img { width: 20px; height: 20px; }
.ascend-popup--corner { max-height: calc(100dvh - 48px); overflow-y: auto; }
@media (max-width: 745px) {
  .ascend-popup--corner { max-height: 75dvh; padding-bottom: max(27px, env(safe-area-inset-bottom)); }
}
/* Native Gutenberg callout used by the legacy Build Kit page. */
.ascend-training-inline {
  max-width: 1180px;
  width: calc(100% - 48px);
  margin: 48px auto;
  padding: 24px;
  background: #eaf2f9;
  color: #0f1a24;
  border: 1px solid #d3dde6;
  border-radius: 16px;
  font: 400 18px/1.6 Inter, system-ui, sans-serif;
}
.ascend-training-inline p { margin: 0; }
.ascend-training-inline h2 { margin: 0 0 12px; font: 700 clamp(24px, 3vw, 32px)/1.2 Montserrat, system-ui, sans-serif; color: #0f1a24; }
.ascend-training-inline a { display: inline-flex; align-items: center; min-height: 44px; color: #1f6c9e; text-decoration: underline; font-weight: 600; }
/* The active theme uses !important global heading/button rules. Preserve the
 * approved component inside this single root without changing theme controls. */
#ascend-training-roadmap .ascend-popup__title {
  color: #000 !important;
  font-family: Montserrat, system-ui, sans-serif !important;
  font-weight: 900 !important;
}
#ascend-training-roadmap .ascend-popup__hl { color: #3498dc !important; }
#ascend-training-roadmap .ascend-popup__eyebrow {
  color: #1f6c9e !important;
  font-family: Inter, system-ui, sans-serif !important;
}
#ascend-training-roadmap .ascend-popup__body {
  color: #4b5563 !important;
  font-family: Inter, system-ui, sans-serif !important;
}
#ascend-training-roadmap .ascend-popup__dismiss,
#ascend-training-roadmap .ascend-popup__close {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #4b5563 !important;
  font-family: Inter, system-ui, sans-serif !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}
#ascend-training-roadmap .ascend-popup__dismiss {
  padding: 0 12px !important;
  min-height: 44px !important;
}
#ascend-training-roadmap .ascend-popup__close {
  padding: 0 !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
}
#ascend-training-roadmap .ascend-popup__close img {
  flex: 0 0 20px;
  width: 20px !important;
  height: 20px !important;
}

/* Loaded only on the five training pages: one contextual offer per page. */
#customLeadPopup { display: none !important; }