/*
 * Cache-safe state colours for the interactive level assessment.
 *
 * This small component sheet deliberately loads after the shared design
 * system. Its file version prevents older cached blue or dark surfaces from
 * overriding the shared beige tool identity.
 */
.single-content .gek-signup-blocks .gek-level-section .gek-level-assessment,
.single-content .gek-signup-blocks .gek-level-section .gek-level-assessment.is-intro,
.single-content .gek-signup-blocks .gek-level-section .gek-level-assessment.has-result {
  background:
    radial-gradient(circle at 86% 12%, rgb(255 255 255 / 58%), transparent 18rem),
    linear-gradient(135deg, #f7f4ee 0%, #f2eee7 100%) !important;
}

.single-content .gek-signup-blocks .gek-level-section .gek-level-assessment.has-result {
  border-color: rgb(23 63 53 / 14%) !important;
  border-block-start-color: var(--gek-accent) !important;
  color: var(--gek-forest) !important;
}

.single-content .gek-signup-blocks .gek-level-section .gek-level-assessment.has-result .gek-level-progress {
  border-color: rgb(23 63 53 / 13%) !important;
}

.single-content .gek-signup-blocks .gek-level-section .gek-level-assessment.has-result .gek-level-progress__label {
  color: rgb(23 63 53 / 72%) !important;
}

.single-content .gek-signup-blocks .gek-level-section .gek-level-assessment.has-result .gek-level-progress__track {
  background: rgb(23 63 53 / 12%) !important;
}

.single-content .gek-signup-blocks .gek-level-section .gek-level-assessment.has-result .gek-level-result__eyebrow {
  background: var(--gek-forest) !important;
  border: 1px solid var(--gek-forest) !important;
  border-radius: 999px !important;
  color: #fff !important;
}

.single-content .gek-signup-blocks .gek-level-section .gek-level-assessment.has-result .gek-level-result__eyebrow::before {
  border-color: rgb(255 255 255 / 42%) !important;
  color: #f0ad87 !important;
}

.single-content .gek-signup-blocks .gek-level-section .gek-level-assessment.has-result .gek-level-result h3 {
  color: var(--gek-forest) !important;
}

.single-content .gek-signup-blocks .gek-level-section .gek-level-assessment.has-result .gek-level-result__copy {
  color: rgb(23 63 53 / 76%) !important;
}

.single-content .gek-signup-blocks .gek-level-section .gek-level-assessment.has-result .gek-level-result__course {
  background: rgb(255 255 255 / 58%) !important;
  border-inline-start-color: var(--gek-accent) !important;
  color: rgb(23 63 53 / 78%) !important;
}

.single-content .gek-signup-blocks .gek-level-section .gek-level-assessment.has-result .gek-level-result__note {
  border-top-color: rgb(23 63 53 / 16%) !important;
  color: rgb(23 63 53 / 66%) !important;
}

.single-content .gek-signup-blocks .gek-level-section .gek-level-assessment.has-result .gek-level-restart .wp-block-button__link {
  color: rgb(23 63 53 / 76%) !important;
}

/* Labels are kept in the editable block content, but removed from the visual flow. */
.single-content .gek-signup-blocks .gek-level-section .gek-level-assessment :is(
  .gek-level-question__stage,
  .gek-level-result__eyebrow
) {
  display: none !important;
}

.single-content .gek-signup-blocks .gek-level-section .gek-level-assessment.is-intro
  .gek-level-intro
  > .wp-block-group__inner-container
  > .gek-level-question__stage,
.single-content .gek-signup-blocks .gek-level-section
  .gek-level-assessment.is-ready:not(.is-intro):not(.has-result)
  .gek-level-question__stage,
.single-content .gek-signup-blocks .gek-level-section .gek-level-assessment.has-result
  .gek-level-result__eyebrow {
  display: none !important;
}

.single-content .gek-signup-blocks .gek-level-section .gek-level-assessment.is-intro
  .gek-level-intro
  > .wp-block-group__inner-container {
  grid-template-areas:
    "title action"
    "copy action"
    "badges action"
    "process process" !important;
}

@media (max-width: 760px) {
  .single-content .gek-signup-blocks .gek-level-section .gek-level-assessment.is-intro
    .gek-level-intro
    > .wp-block-group__inner-container {
    grid-template-areas:
      "title"
      "copy"
      "badges"
      "action"
      "process" !important;
  }

  .single-content .gek-signup-blocks .gek-level-section
    .gek-level-assessment.is-ready:not(.is-intro):not(.has-result)
    .gek-level-controls {
    margin-top: 1.65rem !important;
    padding-top: .25rem !important;
  }
}