:is(
    .gf2-page-14,
    .gf2-page-15,
    .gf2-page-16,
    .gf2-page-17,
    .gf2-page-18,
    .gf2-page-19,
    .gf2-page-20,
    .gf2-page-21,
    .gf2-page-25,
    .gf2-page-27,
    .gf2-page-28,
    .gf2-page-29,
    .gf2-page-30,
    .gf2-page-32,
    .gf2-page-33,
    .gf2-page-34,
    .gf2-page-35,
    .gf2-page-36,
    .gf2-page-38,
    .gf2-page-39,
    .gf2-page-40,
    .gf2-page-41,
    .gf2-page-42,
    .gf2-page-43,
    .gf2-page-44,
    .gf2-page-45,
    .gf2-page-47,
    .gf2-page-48,
    .gf2-page-49,
    .gf2-page-50,
    .gf2-page-51,
    .gf2-page-52,
    .gf2-page-53,
    .gf2-page-54,
    .gf2-page-55,
    .gf2-page-56
  )
  #gform_2 {
  color: #ffffff !important;
}

:is(
    .gf2-page-14,
    .gf2-page-15,
    .gf2-page-16,
    .gf2-page-17,
    .gf2-page-18,
    .gf2-page-19,
    .gf2-page-20,
    .gf2-page-21,
    .gf2-page-22,
    .gf2-page-25,
    .gf2-page-27,
    .gf2-page-28,
    .gf2-page-29,
    .gf2-page-30,
    .gf2-page-32,
    .gf2-page-33,
    .gf2-page-34,
    .gf2-page-35,
    .gf2-page-36,
    .gf2-page-38,
    .gf2-page-39,
    .gf2-page-40,
    .gf2-page-41,
    .gf2-page-42,
    .gf2-page-43,
    .gf2-page-44,
    .gf2-page-45,
    .gf2-page-47,
    .gf2-page-48,
    .gf2-page-49,
    .gf2-page-50,
    .gf2-page-51,
    .gf2-page-52,
    .gf2-page-53,
    .gf2-page-54,
    .gf2-page-55,
    .gf2-page-56
  )
  #gform_2
  :is(h2, h3, p, label) {
  color: #ffffff !important;
}

:is(
    .gf2-page-14,
    .gf2-page-15,
    .gf2-page-16,
    .gf2-page-17,
    .gf2-page-18,
    .gf2-page-19,
    .gf2-page-20,
    .gf2-page-21,
    .gf2-page-22,
    .gf2-page-23,
    .gf2-page-25,
    .gf2-page-27,
    .gf2-page-28,
    .gf2-page-29,
    .gf2-page-30,
    .gf2-page-32,
    .gf2-page-33,
    .gf2-page-34,
    .gf2-page-35,
    .gf2-page-36,
    .gf2-page-38,
    .gf2-page-39,
    .gf2-page-40,
    .gf2-page-41,
    .gf2-page-42,
    .gf2-page-43,
    .gf2-page-44,
    .gf2-page-45,
    .gf2-page-47,
    .gf2-page-48,
    .gf2-page-49,
    .gf2-page-50,
    .gf2-page-51,
    .gf2-page-52,
    .gf2-page-53,
    .gf2-page-54,
    .gf2-page-55,
    .gf2-page-56
  )
  #gform_2
  .check-grid
  .ginput_container
  .gchoice
  input:checked
  + label {
  color: #000000 !important;
}
/* 
:is(
    .gf2-page-14,
    .gf2-page-15,
    .gf2-page-16,
    .gf2-page-17,
    .gf2-page-18,
    .gf2-page-19,
    .gf2-page-20,
    .gf2-page-21,
    .gf2-page-22,
    .gf2-page-25,
    .gf2-page-27,
    .gf2-page-28,
    .gf2-page-29,
    .gf2-page-30,
    .gf2-page-32,
    .gf2-page-33,
    .gf2-page-34,
    .gf2-page-35,
    .gf2-page-36,
    .gf2-page-38,
    .gf2-page-39,
    .gf2-page-40,
    .gf2-page-41,
    .gf2-page-42,
    .gf2-page-43,
    .gf2-page-44,
    .gf2-page-45,
    .gf2-page-47,
    .gf2-page-48,
    .gf2-page-49,
    .gf2-page-50,
    .gf2-page-51,
    .gf2-page-52,
    .gf2-page-53,
    .gf2-page-54,
    .gf2-page-55,
    .gf2-page-56
  )
  #gform_2
  .gform_previous_button {
  border-color: #ffffff !important;
  color: #ffffff !important;
  transition:
    background-color 0.2s ease,
    color 0.2s ease;
}

@media screen and (min-width: 1024px) {
  :is(
      .gf2-page-14,
      .gf2-page-15,
      .gf2-page-16,
      .gf2-page-17,
      .gf2-page-18,
      .gf2-page-19,
      .gf2-page-20,
      .gf2-page-21,
      .gf2-page-22,
      .gf2-page-25,
      .gf2-page-27,
      .gf2-page-28,
      .gf2-page-29,
      .gf2-page-30,
      .gf2-page-32,
      .gf2-page-33,
      .gf2-page-34,
      .gf2-page-35,
      .gf2-page-36,
      .gf2-page-38,
      .gf2-page-39,
      .gf2-page-40,
      .gf2-page-41,
      .gf2-page-42,
      .gf2-page-43,
      .gf2-page-44,
      .gf2-page-45,
      .gf2-page-47,
      .gf2-page-48,
      .gf2-page-49,
      .gf2-page-50,
      .gf2-page-51,
      .gf2-page-52,
      .gf2-page-53,
      .gf2-page-54,
      .gf2-page-55,
      .gf2-page-56
    )
    #gform_2
    .gform_previous_button:hover,
  :is(
      .gf2-page-14,
      .gf2-page-15,
      .gf2-page-16,
      .gf2-page-17,
      .gf2-page-18,
      .gf2-page-19,
      .gf2-page-20,
      .gf2-page-21,
      .gf2-page-22,
      .gf2-page-25,
      .gf2-page-27,
      .gf2-page-28,
      .gf2-page-29,
      .gf2-page-30,
      .gf2-page-32,
      .gf2-page-33,
      .gf2-page-34,
      .gf2-page-35,
      .gf2-page-36,
      .gf2-page-38,
      .gf2-page-39,
      .gf2-page-40,
      .gf2-page-41,
      .gf2-page-42,
      .gf2-page-43,
      .gf2-page-44,
      .gf2-page-45,
      .gf2-page-47,
      .gf2-page-48,
      .gf2-page-49,
      .gf2-page-50,
      .gf2-page-51,
      .gf2-page-52,
      .gf2-page-53,
      .gf2-page-54,
      .gf2-page-55,
      .gf2-page-56
    )
    #gform_2
    .gform_previous_button:focus {
    background-color: #ffffff !important;
    color: #000000 !important;
  }
} */

span.square {
  width: 27px;
  height: 27px;
  display: inline-block;
  background: #ffffff;
}

@media screen and (max-width: 475px) {
  span.square {
    display: none;
  }
}

.quiz-title-specific h2 {
  font-size: clamp(1.5rem, 2.5vw, 34px);
  display: flex;
  flex-direction: row;
  gap: 15px;
  text-align: center;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 475px) {
  .quiz-title-specific h2 {
    flex-direction: column;
  }
}

/* Dark bg pages — white text */
.gf2-theme--dark #gform_2 {
  color: #ffffff;
}

.gf2-theme--dark #gform_2 :is(h2, h3, p, label, legend) {
  color: #ffffff !important;
}

/* Light bg pages — black text */
.gf2-theme--light #gform_2 {
  color: #000000;
}

/* .gf2-theme--light
  #gform_2
  :is(h2, h3, p, label, legend):not(.ahpra-block__badge-label):not(
    .ahpra-block__heading
  ):not(.ahpra-block__body):not(.ahpra-block__body *) {
  color: #000000 !important;
} */

.gf2-theme--light
  #gform_2
  :is(h2, h3, p, label, legend):not(.ahpra-block__badge-label):not(
    .ahpra-block__heading
  ):not(.ahpra-block__body):not(.ahpra-block__body *):not(
    .gform-field-label--type-inline
  ) {
  color: #000000 !important;
}

/* Only apply to choice labels when checked */
.gf2-theme--light
  input[type="checkbox"]:checked
  + .gform-field-label--type-inline,
.gf2-theme--light
  input[type="radio"]:checked
  + .gform-field-label--type-inline {
  color: #fff !important;
}

.gf2-theme--light input[type="checkbox"] + .gform-field-label--type-inline,
.gf2-theme--light input[type="radio"] + .gform-field-label--type-inline {
  color: #000 !important;
}

/* Force white on ahpra block elements */
.gf2-theme--light #gform_2 .ahpra-block__heading,
.gf2-theme--light #gform_2 .ahpra-block__badge-label,
.gf2-theme--light #gform_2 .ahpra-block__body,
.gf2-theme--light #gform_2 .ahpra-block__body p {
  color: #ffffff !important;
  text-align: left !important;
}

/* .gf2-theme--light #gform_2 .gform_previous_button {
  border-color: #000000 !important;
  color: #000 !important;
}

.gf2-theme--light #gform_2 .gform_previous_button:hover,
.gf2-theme--light #gform_2 .gform_previous_button:focus {
  color: #000 !important;
} */

.hide-footer-gf .gform-page-footer {
  display: none !important;
}

/*** Video ***/
.hide-footer-gf .container,
.hide-footer-gf .gform_outer_wrapper {
  max-width: 100% !important;
  padding: 0 !important;
}

.hide-footer-gf .gfield {
  margin-bottom: 0;
}

/* Scale field — dark theme */
.gf2-theme--dark .scale-field .gfield_radio::before,
.gf2-theme--dark .scale-field .gfield_checkbox::before {
  background-color: #ffffff;
}

.gf2-theme--dark .scale-field .gchoice input[type="radio"],
.gf2-theme--dark .scale-field .gchoice input[type="checkbox"] {
  border-color: #ffffff !important;
  background: #0a0b0a;
}

.gf2-theme--dark .scale-field .gchoice input:checked {
  background-color: #ffffff !important;
}

.gf2-theme--dark .scale-field .gchoice:first-child::before,
.gf2-theme--dark .scale-field .gchoice:last-child::after {
  color: #ffffff;
}

.gf2-theme--dark .scale-field .scale-selected-label {
  color: #ffffff;
}

/* Light theme — hover */
.scale-field .gchoice:hover input[type="radio"],
.scale-field .gchoice:hover input[type="checkbox"] {
  opacity: 1;
}

/* Dark theme — hover */
.gf2-theme--dark .scale-field .gchoice:hover input[type="radio"],
.gf2-theme--dark .scale-field .gchoice:hover input[type="checkbox"],
.gf2-theme--dark .scale-field .gchoice:focus input[type="radio"],
.gf2-theme--dark .scale-field .gchoice:focus input[type="checkbox"] {
  background: #0a0b0a;
}

.scale-field .scale-selected-label {
  opacity: 0;
  transform: translateY(8px);
  transition:
    opacity 0.3s ease,
    transform 0.3s ease;
}

.scale-field .scale-selected-label.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* ═══════════════════════════════════════════════════════════════
   CHECK-GRID IS-CUSTOM — Auto layout based on item count
   Add "check-grid is-custom" to GF field CSS Class Name
   JS auto-detects count and adds is-custom--N class
   ═══════════════════════════════════════════════════════════════ */

/* Base grid — shared by all counts */
.check-grid.is-custom .gfield_checkbox,
.check-grid.is-custom .gfield_radio {
  display: grid;
  gap: 0;
}

/* 5 items — 3 top / 2 bottom */
.check-grid.is-custom--5 .gfield_checkbox,
.check-grid.is-custom--5 .gfield_radio {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.check-grid.is-custom--5 .gchoice:nth-child(-n + 3) {
  grid-column: span 2;
}
.check-grid.is-custom--5 .gchoice:nth-child(4),
.check-grid.is-custom--5 .gchoice:nth-child(5) {
  grid-column: span 3;
}

/* 6 items — 3 per row */
.check-grid.is-custom--6 .gfield_checkbox,
.check-grid.is-custom--6 .gfield_radio {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.check-grid.is-custom--6 .gchoice {
  grid-column: span 1;
}

/* 7 items — 3 / 3 / 1 full */
.check-grid.is-custom--7 .gfield_checkbox,
.check-grid.is-custom--7 .gfield_radio {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.check-grid.is-custom--7 .gchoice:nth-child(-n + 6) {
  grid-column: span 1;
}
.check-grid.is-custom--7 .gchoice:last-child {
  grid-column: 1 / -1;
}

/* 8 items — 3 / 3 / 2 */
.check-grid.is-custom--8 .gfield_checkbox,
.check-grid.is-custom--8 .gfield_radio {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.check-grid.is-custom--8 .gchoice:nth-child(-n + 6) {
  grid-column: span 2;
}
.check-grid.is-custom--8 .gchoice:nth-child(7),
.check-grid.is-custom--8 .gchoice:nth-child(8) {
  grid-column: span 3;
}

/* 9 items — 3 / 3 / 3 */
.check-grid.is-custom--9 .gfield_checkbox,
.check-grid.is-custom--9 .gfield_radio {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.check-grid.is-custom--9 .gchoice {
  grid-column: span 1;
}

/* 10 items — 3 / 3 / 2 / 2 */
.check-grid.is-custom--10 .gfield_checkbox,
.check-grid.is-custom--10 .gfield_radio {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.check-grid.is-custom--10 .gchoice:nth-child(-n + 6) {
  grid-column: span 2;
}
.check-grid.is-custom--10 .gchoice:nth-child(7),
.check-grid.is-custom--10 .gchoice:nth-child(8) {
  grid-column: span 3;
}
.check-grid.is-custom--10 .gchoice:nth-child(9),
.check-grid.is-custom--10 .gchoice:nth-child(10) {
  grid-column: span 3;
}

/* 11 items — 3 / 3 / 2 / 2 / 1 full */
.check-grid.is-custom--11 .gfield_checkbox,
.check-grid.is-custom--11 .gfield_radio {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.check-grid.is-custom--11 .gchoice:nth-child(-n + 6) {
  grid-column: span 2;
}
.check-grid.is-custom--11 .gchoice:nth-child(7),
.check-grid.is-custom--11 .gchoice:nth-child(8) {
  grid-column: span 3;
}
.check-grid.is-custom--11 .gchoice:nth-child(9),
.check-grid.is-custom--11 .gchoice:nth-child(10) {
  grid-column: span 3;
}
.check-grid.is-custom--11 .gchoice:last-child {
  grid-column: 1 / -1;
}

/* 12 items — 3 / 3 / 3 / 3 */
.check-grid.is-custom--12 .gfield_checkbox,
.check-grid.is-custom--12 .gfield_radio {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.check-grid.is-custom--12 .gchoice {
  grid-column: span 1;
}

/* ═══════════════════════════════════════════════════════════════
   IS-CUSTOM RESPONSIVE — 768px and 480px breakpoints
   At 768px: simplify to 2-column base
   At 480px: single column
   ═══════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {
  /* 5 items — 2 / 2 / 1 */
  .check-grid.is-custom--5 .gfield_checkbox,
  .check-grid.is-custom--5 .gfield_radio {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .check-grid.is-custom--5 .gchoice:nth-child(-n + 3) {
    grid-column: span 1;
  }
  .check-grid.is-custom--5 .gchoice:nth-child(3) {
    grid-column: 1 / -1;
  }
  .check-grid.is-custom--5 .gchoice:nth-child(4),
  .check-grid.is-custom--5 .gchoice:nth-child(5) {
    grid-column: span 1;
  }

  /* 6 items — 2 per row */
  .check-grid.is-custom--6 .gfield_checkbox,
  .check-grid.is-custom--6 .gfield_radio {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .check-grid.is-custom--6 .gchoice {
    grid-column: span 1;
  }

  /* 7 items — 2 / 2 / 2 / 1 full */
  .check-grid.is-custom--7 .gfield_checkbox,
  .check-grid.is-custom--7 .gfield_radio {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .check-grid.is-custom--7 .gchoice:nth-child(-n + 6) {
    grid-column: span 1;
  }
  .check-grid.is-custom--7 .gchoice:last-child {
    grid-column: 1 / -1;
  }

  /* 8 items — 2 per row */
  .check-grid.is-custom--8 .gfield_checkbox,
  .check-grid.is-custom--8 .gfield_radio {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .check-grid.is-custom--8 .gchoice:nth-child(-n + 6) {
    grid-column: span 1;
  }
  .check-grid.is-custom--8 .gchoice:nth-child(7),
  .check-grid.is-custom--8 .gchoice:nth-child(8) {
    grid-column: span 1;
  }

  /* 9 items — 2 per row */
  .check-grid.is-custom--9 .gfield_checkbox,
  .check-grid.is-custom--9 .gfield_radio {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .check-grid.is-custom--9 .gchoice {
    grid-column: span 1;
  }

  /* 10 items — 2 per row */
  .check-grid.is-custom--10 .gfield_checkbox,
  .check-grid.is-custom--10 .gfield_radio {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .check-grid.is-custom--10 .gchoice:nth-child(-n + 10) {
    grid-column: span 1;
  }

  /* 11 items — 2 per row / last full */
  .check-grid.is-custom--11 .gfield_checkbox,
  .check-grid.is-custom--11 .gfield_radio {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .check-grid.is-custom--11 .gchoice:nth-child(-n + 10) {
    grid-column: span 1;
  }
  .check-grid.is-custom--11 .gchoice:last-child {
    grid-column: 1 / -1;
  }

  /* 12 items — 2 per row */
  .check-grid.is-custom--12 .gfield_checkbox,
  .check-grid.is-custom--12 .gfield_radio {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .check-grid.is-custom--12 .gchoice {
    grid-column: span 1;
  }
}

@media (max-width: 480px) {
  /* All counts — single column */
  .check-grid.is-custom--5 .gfield_checkbox,
  .check-grid.is-custom--5 .gfield_radio,
  .check-grid.is-custom--6 .gfield_checkbox,
  .check-grid.is-custom--6 .gfield_radio,
  .check-grid.is-custom--7 .gfield_checkbox,
  .check-grid.is-custom--7 .gfield_radio,
  .check-grid.is-custom--8 .gfield_checkbox,
  .check-grid.is-custom--8 .gfield_radio,
  .check-grid.is-custom--9 .gfield_checkbox,
  .check-grid.is-custom--9 .gfield_radio,
  .check-grid.is-custom--10 .gfield_checkbox,
  .check-grid.is-custom--10 .gfield_radio,
  .check-grid.is-custom--11 .gfield_checkbox,
  .check-grid.is-custom--11 .gfield_radio,
  .check-grid.is-custom--12 .gfield_checkbox,
  .check-grid.is-custom--12 .gfield_radio {
    grid-template-columns: 1fr;
  }

  /* All choices — full width */
  .check-grid[class*="is-custom--"] .gchoice {
    grid-column: 1 / -1 !important;
  }
}

.glass-card {
  width: 240px;
  height: 360px;
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    inset 0 -1px 0 rgba(255, 255, 255, 0.1),
    inset 0 0 0px 0px rgba(255, 255, 255, 0);
  position: relative;
  overflow: hidden;
}

.glass-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.8),
    transparent
  );
}

.glass-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.8),
    transparent,
    rgba(255, 255, 255, 0.3)
  );
}

.have-mw {
  max-width: 580px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 15px;
  justify-content: center;
  align-items: center;
}

.line-connector-c {
  width: 1px;
  height: 79px;
  background-color: #fff;
  margin: 0 auto;
  text-align: center;
}

.tag-title {
  font-size: clamp(0.9rem, 1.3vw, 18px);
  color: #fff;
  text-transform: uppercase;
  font-family: GT-America-Mono, monospace;
}

.have-mw p {
  font-family: GT-America-Mono, monospace;
  text-transform: uppercase;
  text-align: center;
  font-size: clamp(1rem, 1.5vw, 22px);
  color: #fff;
}

.have-mw h2 {
  margin-top: 20px;
  color: #fff;
}

.gf2-theme--dark .gfield_validation_message {
  color: #fff !important;
}

#gform_4 .checkbox-grid .ginput_container .gchoice input:checked + label,
#gform_2 .checkbox-grid .ginput_container .gchoice input:checked + label,
#gform_3 .checkbox-grid .ginput_container .gchoice input:checked + label,
.check-grid .ginput_container .gchoice input:checked + label {
  --set-color: var(--color-theme-background) !important;
  color: var(--set-color, var(--color-theme-background)) !important;
}

.gf2-theme--light .check-grid .ginput_container .gchoice input:checked + label {
  color: #fff !important;
}

.gf2-theme--light
  .check-grid
  .ginput_container
  .gchoice
  input:checked
  + label:after {
  background-color: #000000 !important;
}
