.clt-pathfinder {
  border-radius: 10px;
  font-family: "Work Sans", sans-serif;
}

/* ---- Layout ---- */
.clt-pathfinder .clt-pf__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 0;
}

/* ---- Steps / cross-fade ---- */
/* All steps live in the DOM. The active one is in flow and sets the container
   height; the rest are absolutely stacked at opacity 0, so toggling the class
   overlaps the two and cross-fades them. */
.clt-pathfinder .clt-pf__steps {
  position: relative;
  width: 100%;
  transition: height 0.3s ease-out;
}

/* visibility keeps inactive steps out of the tab order and off screen readers,
   which pointer-events alone doesn't do. The 0.3s delay lets the fade-out finish
   before the step disappears. */
.clt-pathfinder .clt-pf__step {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 0.3s ease-out,
    visibility 0s linear 0.3s;
}

.clt-pathfinder .clt-pf__step--active {
  position: relative;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition:
    opacity 0.3s ease-out,
    visibility 0s;
}

.clt-pathfinder .clt-pf__card {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
}

.clt-pathfinder .clt-pf__intro {
  text-align: center;
  margin-bottom: 40px;
}

/* School-admin step: no progress bar below, so drop the intro's bottom gap. */
.clt-pathfinder .clt-pf__intro--flush {
  margin-bottom: 0;
}

.clt-pathfinder .clt-pf__intro-title {
  display: block;
  color: #f89c1c;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 900;
  font-size: 24px;
  line-height: 1.1;
}

.clt-pathfinder .clt-pf__intro-subtitle {
  margin: 16px auto 0;
  font-size: 18px;
  color: #484d61;
}

.clt-pathfinder .clt-pf__question {
  font-family: "Libre Baskerville", serif;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  margin: 0 0 40px;
  color: #232020;
}

.clt-pathfinder .clt-pf__subcopy {
  text-align: center;
  color: #484d61;
  font-size: 20px;
  margin: -24px auto 24px;
}

/* ---- Progress ---- */
.clt-pathfinder .clt-pf__progress-wrap {
  width: 100%;
  max-width: 448px;
  margin: 0 auto 32px;
}

.clt-pathfinder .clt-pf__progress-meta {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: #484d61;
  margin-bottom: 8px;
}

.clt-pathfinder .clt-pf__progress {
  width: 100%;
  height: 6px;
  border-radius: 9999px;
  overflow: hidden;
  background: #d5e1eb;
}

.clt-pathfinder .clt-pf__progress-bar {
  height: 100%;
  border-radius: 9999px;
  background: #004a70;
  transition: width 0.5s ease-out;
}

/* ---- Option grid ---- */
.clt-pathfinder .clt-pf__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  max-width: 672px;
  margin: 0 auto;
}

.clt-pathfinder .clt-pf__grid--3 > * {
  width: calc(33.333% - 11px);
}

/* Goals: two-up on mobile, one row of four from 768px so the step fits without
   scrolling past the question. */
.clt-pathfinder .clt-pf__grid--4 {
  max-width: 576px;
}

.clt-pathfinder .clt-pf__grid--4 > * {
  width: calc(50% - 8px);
}

.clt-pathfinder .clt-pf__option {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  aspect-ratio: 1 / 1;
  padding: 12px;
  border-radius: 12px;
  border: 2px solid #d5e1eb;
  background: #fff;
  cursor: pointer;
  transition: all 0.3s ease-out;
  color: inherit;
  font: inherit;
}

.clt-pathfinder .clt-pf__option:hover {
  background: #d5e1eb;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px -8px rgba(0, 74, 112, 0.25);
}

.clt-pathfinder .clt-pf__option--selected,
.clt-pathfinder .clt-pf__option--selected:hover {
  background: #004a70;
  border-color: #004a70;
  color: #fff;
}

.clt-pathfinder .clt-pf__option-icon {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: #d5e1eb;
  transition: background-color 0.3s;
  color: #484d61;
}

.clt-pathfinder .clt-pf__option--selected .clt-pf__option-icon {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}

.clt-pathfinder .clt-pf__option-icon .clt-pf__ic {
  width: 24px;
  height: 24px;
}

.clt-pathfinder .clt-pf__option-label {
  font-weight: 500;
  line-height: 1.2;
  font-size: 14px;
  margin-top: 8px;
}

/* ---- Buttons ---- */
.clt-pathfinder .clt-pf__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 28px;
  border-radius: 10px;
  border: 2px solid transparent;
  font: inherit;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.2s ease-out;
  text-decoration: none;
  line-height: 1.2;
}

/* inline-flex above overrides the browser's [hidden] rule, so restate it. */
.clt-pathfinder .clt-pf__btn[hidden] {
  display: none;
}

.clt-pathfinder .clt-pf__btn--primary,
.clt-pathfinder .clt-pf__btn--primary:disabled:hover {
  background: #004a70;
  color: #fff;
}

.clt-pathfinder .clt-pf__btn--primary:hover {
  background: #0ac7e5;
  color: #004a70;
}

.clt-pathfinder .clt-pf__btn--outline {
  background: #d5e1eb;
  border-color: #d5e1eb;
  color: #232020;
}

.clt-pathfinder .clt-pf__btn--outline:hover {
  background: #f89c1c;
  border-color: #f89c1c;
  color: #ffffff;
}

.clt-pathfinder .clt-pf__btn--ghost {
  background: transparent;
  color: #484d61;
}

.clt-pathfinder .clt-pf__btn--ghost:hover {
  background: #f89c1c;
  border-color: #f89c1c;
  color: #ffffff;
}

.clt-pathfinder .clt-pf__btn--block {
  width: 100%;
}

.clt-pathfinder .clt-pf__btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.clt-pathfinder .clt-pf__retake {
  margin-top: 16px;
  width: 100%;
}

.clt-pathfinder .clt-pf__btn .clt-pf__ic {
  width: 16px;
  height: 16px;
}

.clt-pathfinder .clt-pf__back {
  margin-bottom: 16px;
  padding: 8px 12px;
  font-size: 14px;
}

/* ---- Narrow form column ---- */
.clt-pathfinder .clt-pf__narrow {
  max-width: 448px;
  margin: 0 auto;
}

.clt-pathfinder .clt-pf__actions-row {
  margin-top: 24px;
}

/* ---- Inputs ---- */
.clt-pathfinder .clt-pf__input {
  width: 100%;
  height: 48px;
  padding: 0 16px;
  border-radius: 10px;
  border: 2px solid #d5e1eb;
  background: #fff;
  font: inherit;
  font-size: 16px;
  color: #232020;
}

.clt-pathfinder .clt-pf__input--center {
  text-align: center;
}

.clt-pathfinder .clt-pf__input:focus {
  outline: 2px solid #f89c1c;
  outline-offset: 1px;
  border-color: #f89c1c;
}

.clt-pathfinder .clt-pf__error {
  font-size: 14px;
  color: #ff0014;
  text-align: center;
  margin: 8px 0 0;
}

/* State selector uses the theme's global .select-wrap styling (ydop.css).
   Only the disabled state, used when "outside US" is checked, isn't covered there. */
.clt-pathfinder .select-wrap select:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ---- Checkbox row ---- */
.clt-pathfinder .clt-pf__checkbox-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
}

.clt-pathfinder .clt-pf__checkbox-row input {
  width: 18px;
  height: 18px;
  accent-color: #004a70;
}

.clt-pathfinder .clt-pf__checkbox-row label {
  font-size: 14px;
  font-weight: 500;
}

/* ---- Email step ---- */
.clt-pathfinder .clt-pf__email {
  text-align: center;
  max-width: 448px;
  margin: 0 auto;
}

.clt-pathfinder .clt-pf__mail-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 9999px;
  background: #d5e1eb;
  color: #004a70;
  margin-bottom: 24px;
}

.clt-pathfinder .clt-pf__mail-badge .clt-pf__ic {
  width: 32px;
  height: 32px;
}

.clt-pathfinder .clt-pf__email-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.clt-pathfinder .clt-pf__email-heading {
  margin-bottom: 12px;
}

/* Reuses .clt-pf__result-desc for text styling; only the spacing differs. */
.clt-pathfinder .clt-pf__result-desc.clt-pf__email-incentive {
  margin-bottom: 24px;
}

.clt-pathfinder .clt-pf__skip {
  display: inline-block;
  margin-top: 24px;
  font-size: 14px;
  color: #484d61;
  text-decoration: underline;
  text-underline-offset: 4px;
  background: none;
  border: 0;
  cursor: pointer;
}

.clt-pathfinder .clt-pf__skip:hover {
  color: #232020;
}

/* ---- Result ---- */
.clt-pathfinder .clt-pf__result-card {
  text-align: center;
  padding: 32px;
  border-radius: 16px;
  background: #eaf6ef;
  border: 2px solid rgba(47, 158, 107, 0.3);
}

.clt-pathfinder .clt-pf__result-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 9999px;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 24px;
  background: rgba(47, 158, 107, 0.15);
  color: #2f9e6b;
}

.clt-pathfinder .clt-pf__result-badge .clt-pf__ic {
  width: 16px;
  height: 16px;
}

.clt-pathfinder .clt-pf__result-title {
  font-family: "Libre Baskerville", serif;
  font-size: 24px;
  margin: 0 0 8px;
  color: #232020;
}

.clt-pathfinder .clt-pf__result-test-name {
  font-family: "Libre Baskerville", serif;
  font-size: 36px;
  font-weight: 700;
  margin: 16px 0 0;
  color: #004a70;
}

.clt-pathfinder .clt-pf__result-desc {
  margin: 24px auto 0;
  color: #484d61;
  white-space: pre-line;
  font-size: 20px;
  line-height: 1.3;
}

.clt-pathfinder .clt-pf__result-desc a {
  font-size: inherit;
}

/* School-admin body reuses .clt-pf__result-desc; sits right under the intro. */
.clt-pathfinder .clt-pf__admin-body {
  margin-top: 0;
}

.clt-pathfinder .clt-pf__admin-cta {
  margin-top: 24px;
}

.clt-pathfinder .clt-pf__noscript {
  text-align: center;
  padding: 2rem;
}

.clt-pathfinder .clt-pf__result-actions {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
}

.clt-pathfinder .clt-pf__link {
  color: #004a70;
  text-decoration: underline;
}

/* ---- Icons ---- */
/* Line icons as CSS masks. The fill is the element's own color, so an icon
   recolors with its context (white on a selected card) like the inline SVGs did.
   Markup is <span class="clt-pf__ic clt-pf__ic--name"></span> in PHP and JS. */
.clt-pathfinder .clt-pf__ic {
  display: inline-block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.clt-pathfinder .clt-pf__ic--user {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M19%2021v-2a4%204%200%200%200-4-4H9a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M19%2021v-2a4%204%200%200%200-4-4H9a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3C%2Fsvg%3E");
}
.clt-pathfinder .clt-pf__ic--users {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M22%2021v-2a4%204%200%200%200-3-3.87%22%2F%3E%3Cpath%20d%3D%22M16%203.13a4%204%200%200%201%200%207.75%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M22%2021v-2a4%204%200%200%200-3-3.87%22%2F%3E%3Cpath%20d%3D%22M16%203.13a4%204%200%200%201%200%207.75%22%2F%3E%3C%2Fsvg%3E");
}
.clt-pathfinder .clt-pf__ic--briefcase {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D%222%22%20y%3D%227%22%20width%3D%2220%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M16%2021V5a2%202%200%200%200-2-2h-4a2%202%200%200%200-2%202v16%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D%222%22%20y%3D%227%22%20width%3D%2220%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M16%2021V5a2%202%200%200%200-2-2h-4a2%202%200%200%200-2%202v16%22%2F%3E%3C%2Fsvg%3E");
}
.clt-pathfinder .clt-pf__ic--graduation-cap {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M22%2010%2012%205%202%2010l10%205%2010-5Z%22%2F%3E%3Cpath%20d%3D%22M6%2012v5c0%201%202%203%206%203s6-2%206-3v-5%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M22%2010%2012%205%202%2010l10%205%2010-5Z%22%2F%3E%3Cpath%20d%3D%22M6%2012v5c0%201%202%203%206%203s6-2%206-3v-5%22%2F%3E%3C%2Fsvg%3E");
}
.clt-pathfinder .clt-pf__ic--book-open {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M12%207v14%22%2F%3E%3Cpath%20d%3D%22M3%2018a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1h5a4%204%200%200%201%204%204%204%204%200%200%201%204-4h5a1%201%200%200%201%201%201v13a1%201%200%200%201-1%201h-6a3%203%200%200%200-3%203%203%203%200%200%200-3-3Z%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M12%207v14%22%2F%3E%3Cpath%20d%3D%22M3%2018a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1h5a4%204%200%200%201%204%204%204%204%200%200%201%204-4h5a1%201%200%200%201%201%201v13a1%201%200%200%201-1%201h-6a3%203%200%200%200-3%203%203%203%200%200%200-3-3Z%22%2F%3E%3C%2Fsvg%3E");
}
.clt-pathfinder .clt-pf__ic--school {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22m4%206%208-4%208%204%22%2F%3E%3Cpath%20d%3D%22m18%2010%204%202v8a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2v-8l4-2%22%2F%3E%3Cpath%20d%3D%22M14%2022v-4a2%202%200%200%200-4%200v4%22%2F%3E%3Cpath%20d%3D%22M18%205v17%22%2F%3E%3Cpath%20d%3D%22M6%205v17%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%229%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22m4%206%208-4%208%204%22%2F%3E%3Cpath%20d%3D%22m18%2010%204%202v8a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2v-8l4-2%22%2F%3E%3Cpath%20d%3D%22M14%2022v-4a2%202%200%200%200-4%200v4%22%2F%3E%3Cpath%20d%3D%22M18%205v17%22%2F%3E%3Cpath%20d%3D%22M6%205v17%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%229%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E");
}
.clt-pathfinder .clt-pf__ic--building {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D%224%22%20y%3D%222%22%20width%3D%2216%22%20height%3D%2220%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M9%2022v-4h6v4%22%2F%3E%3Cpath%20d%3D%22M8%206h.01M16%206h.01M12%206h.01M12%2010h.01M12%2014h.01M16%2010h.01M16%2014h.01M8%2010h.01M8%2014h.01%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D%224%22%20y%3D%222%22%20width%3D%2216%22%20height%3D%2220%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M9%2022v-4h6v4%22%2F%3E%3Cpath%20d%3D%22M8%206h.01M16%206h.01M12%206h.01M12%2010h.01M12%2014h.01M16%2010h.01M16%2014h.01M8%2010h.01M8%2014h.01%22%2F%3E%3C%2Fsvg%3E");
}
.clt-pathfinder .clt-pf__ic--award {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%226%22%2F%3E%3Cpath%20d%3D%22M15.477%2012.89%2017%2022l-5-3-5%203%201.523-9.11%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%226%22%2F%3E%3Cpath%20d%3D%22M15.477%2012.89%2017%2022l-5-3-5%203%201.523-9.11%22%2F%3E%3C%2Fsvg%3E");
}
.clt-pathfinder .clt-pf__ic--trending-up {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpolyline%20points%3D%2222%207%2013.5%2015.5%208.5%2010.5%202%2017%22%2F%3E%3Cpolyline%20points%3D%2216%207%2022%207%2022%2013%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpolyline%20points%3D%2222%207%2013.5%2015.5%208.5%2010.5%202%2017%22%2F%3E%3Cpolyline%20points%3D%2216%207%2022%207%2022%2013%22%2F%3E%3C%2Fsvg%3E");
}
.clt-pathfinder .clt-pf__ic--clipboard-check {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D%228%22%20y%3D%222%22%20width%3D%228%22%20height%3D%224%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M16%204h2a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2V6a2%202%200%200%201%202-2h2%22%2F%3E%3Cpath%20d%3D%22m9%2014%202%202%204-4%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D%228%22%20y%3D%222%22%20width%3D%228%22%20height%3D%224%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M16%204h2a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2V6a2%202%200%200%201%202-2h2%22%2F%3E%3Cpath%20d%3D%22m9%2014%202%202%204-4%22%2F%3E%3C%2Fsvg%3E");
}
.clt-pathfinder .clt-pf__ic--bar-chart {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cline%20x1%3D%2212%22%20y1%3D%2220%22%20x2%3D%2212%22%20y2%3D%2210%22%2F%3E%3Cline%20x1%3D%2218%22%20y1%3D%2220%22%20x2%3D%2218%22%20y2%3D%224%22%2F%3E%3Cline%20x1%3D%226%22%20y1%3D%2220%22%20x2%3D%226%22%20y2%3D%2216%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cline%20x1%3D%2212%22%20y1%3D%2220%22%20x2%3D%2212%22%20y2%3D%2210%22%2F%3E%3Cline%20x1%3D%2218%22%20y1%3D%2220%22%20x2%3D%2218%22%20y2%3D%224%22%2F%3E%3Cline%20x1%3D%226%22%20y1%3D%2220%22%20x2%3D%226%22%20y2%3D%2216%22%2F%3E%3C%2Fsvg%3E");
}
.clt-pathfinder .clt-pf__ic--search {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%2F%3E%3Cpath%20d%3D%22m21%2021-4.3-4.3%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%2F%3E%3Cpath%20d%3D%22m21%2021-4.3-4.3%22%2F%3E%3C%2Fsvg%3E");
}
.clt-pathfinder .clt-pf__ic--mail {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%2220%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22m22%207-8.97%205.7a1.94%201.94%200%200%201-2.06%200L2%207%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%2220%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22m22%207-8.97%205.7a1.94%201.94%200%200%201-2.06%200L2%207%22%2F%3E%3C%2Fsvg%3E");
}
.clt-pathfinder .clt-pf__ic--check-circle {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M22%2011.08V12a10%2010%200%201%201-5.93-9.14%22%2F%3E%3Cpolyline%20points%3D%2222%204%2012%2014.01%209%2011.01%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M22%2011.08V12a10%2010%200%201%201-5.93-9.14%22%2F%3E%3Cpolyline%20points%3D%2222%204%2012%2014.01%209%2011.01%22%2F%3E%3C%2Fsvg%3E");
}
.clt-pathfinder .clt-pf__ic--arrow-left {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cline%20x1%3D%2219%22%20y1%3D%2212%22%20x2%3D%225%22%20y2%3D%2212%22%2F%3E%3Cpolyline%20points%3D%2212%2019%205%2012%2012%205%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cline%20x1%3D%2219%22%20y1%3D%2212%22%20x2%3D%225%22%20y2%3D%2212%22%2F%3E%3Cpolyline%20points%3D%2212%2019%205%2012%2012%205%22%2F%3E%3C%2Fsvg%3E");
}

/* ---- Goal sets (one visible per grade; JS toggles [hidden]) ---- */
.clt-pathfinder .clt-pf__goals-set[hidden] {
  display: none;
}

/* ---- Editor preview: un-stack every step so the whole flow is visible ---- */
.clt-pathfinder--preview .clt-pf__steps {
  height: auto !important;
}

.clt-pathfinder--preview .clt-pf__step {
  position: static;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  margin-top: 32px;
  padding-top: 32px;
  border-top: 1px dashed #d5e1eb;
}

.clt-pathfinder--preview .clt-pf__step:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

/* Show one goal set in the preview rather than all three (JS never runs here to
   un-hide the matching set, so force the default one visible). */
.clt-pathfinder--preview .clt-pf__goals-set[data-grade="11-12"] {
  display: block;
}
.clt-pathfinder--preview .clt-pf__goals-set:not([data-grade="11-12"]) {
  display: none;
}

/* ---- Animations ---- */
.clt-pathfinder .clt-pf__fade-in {
  animation: cltPfFadeIn 0.4s ease-out forwards;
}

.clt-pathfinder .clt-pf__slide-up {
  animation: cltPfSlideUp 0.5s ease-out forwards;
}

@keyframes cltPfFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes cltPfSlideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ---- Responsive ---- */
@media (min-width: 768px) {
  .clt-pathfinder .clt-pf__intro-title {
    font-size: 48px;
  }
  .clt-pathfinder .clt-pf__intro-subtitle {
    font-size: 20px;
  }
  .clt-pathfinder .clt-pf__question {
    font-size: 36px;
    line-height: 1.4;
  }
  .clt-pathfinder .clt-pf__grid--4 {
    max-width: 900px;
  }
  .clt-pathfinder .clt-pf__grid--4 > * {
    width: calc(25% - 12.5px);
  }
  .clt-pathfinder .clt-pf__option-icon {
    width: 56px;
    height: 56px;
  }
  .clt-pathfinder .clt-pf__option-icon .clt-pf__ic {
    width: 28px;
    height: 28px;
  }
  .clt-pathfinder .clt-pf__option-label {
    font-size: 20px;
  }
  .clt-pathfinder .clt-pf__result-title {
    font-size: 30px;
  }
  .clt-pathfinder .clt-pf__result-test-name {
    font-size: 48px;
    line-height: 1;
  }
  .clt-pathfinder .clt-pf__result-card {
    padding: 48px;
  }
  .clt-pathfinder .clt-pf__result-actions {
    flex-direction: row;
  }

  .clt-pathfinder .clt-pf__retake {
    width: auto;
  }
}