/* Dark canonical grading card with a separate personalized Fit Score state. */
.intelle-grade-module {
  background:
    radial-gradient(circle at 96% 4%, rgba(132, 105, 255, 0.14), transparent 30%),
    radial-gradient(circle at 4% 96%, rgba(83, 224, 203, 0.09), transparent 34%),
    #0b0e16;
  border-color: #2b3140;
  color: #fffaf2;
  box-shadow: 0 24px 60px rgba(8, 11, 18, 0.22);
}

.intelle-grade-module .intelle-title,
.intelle-grade-module .intelle-grade-module__score strong,
.intelle-grade-module .intelle-grade-module__verdict {
  color: #fffaf2;
}

.intelle-grade-module .intelle-test-card__provider,
.intelle-grade-module .intelle-grade-module__score,
.intelle-grade-module .intelle-muted,
.intelle-grade-module .intelle-keyfact__label {
  color: #adb4c4;
}

.intelle-grade-module .intelle-rail {
  color: #fffaf2;
}

.intelle-grade-module .intelle-rail__tick {
  background: rgba(255, 250, 242, 0.34);
}

.intelle-grade-module .intelle-rail__tick-label,
.intelle-grade-module .intelle-rail__fit-tag {
  color: #adb4c4;
}

.intelle-grade-module .intelle-rail__grade-tag {
  display: none;
}

.intelle-grade-module .intelle-rail__grade-marker {
  background: #fffaf2;
  border-color: #0b0e16;
  color: #0b0e16;
}

.intelle-grade-module .intelle-rail__fit-marker {
  background: #0b0e16;
  border-color: #fffaf2;
}

.intelle-grade-module .intelle-disclosure,
.intelle-grade-module .intelle-keyfact {
  background: rgba(255, 255, 255, 0.035);
  border-color: #343b4b;
}

.intelle-grade-module .intelle-keyfact p,
.intelle-grade-module .intelle-disclosure p {
  color: #e8e7e3;
}

.intelle-grade-module .intelle-disclosure strong {
  color: #fffaf2;
}

.intelle-grade-module .intelle-evidence {
  background: #fffaf2;
  color: #10131b;
}

.intelle-grade-module .intelle-confidence--high {
  background: rgba(83, 224, 203, 0.1);
  border-color: #53e0cb;
  color: #7ef0df;
}

/* The catalog renderer and the hand-built control page share one review top. */
.intelle-dynamic-review-top {
  display: none;
}

.intelle-dynamic-mobile-fit {
  display: none;
}

.intelle-detail-hero--dynamic {
  grid-template-columns: minmax(0, 1fr);
  max-width: 1040px;
  margin-inline: auto;
}

.intelle-dynamic-grade__demo {
  margin: 0 0 28px;
}

.intelle-grade-module > p:first-child:has(.intelle-demo) {
  margin-bottom: 28px !important;
}

.intelle-dynamic-grade__identity {
  min-width: 0;
}

.intelle-dynamic-grade__identity .intelle-title {
  margin: 0 0 6px;
}

.intelle-dynamic-grade__identity .intelle-test-card__provider {
  margin: 0 0 12px;
}

.intelle-dynamic-grade__identity .intelle-grade-module__score {
  margin: 0;
}

.intelle-dynamic-grade__verified {
  flex-basis: 100%;
}

.intelle-fit-cta[data-fit-state="personalized"] {
  border-color: #53e0cb;
  box-shadow: 0 18px 46px rgba(8, 11, 18, 0.1);
}

.intelle-fit-cta[data-fit-state="not-ranked"] {
  border-color: #ffcf8a;
}

.intelle-fit-results-link {
  margin-top: 10px;
  border-color: #626774;
  color: var(--intelle-ink);
}

.intelle-fit-results-link:hover {
  border-color: var(--intelle-ink);
  color: var(--intelle-ink);
}

@media (max-width: 640px) {
  .intelle-grade-module .intelle-rail__grade-marker {
    width: 40px;
    height: 40px;
    border-radius: 13px;
  }

  .intelle-dynamic-desktop-hero {
    display: none;
  }

  .intelle-dynamic-review-top {
    display: block;
    padding: 0;
    background: #0b0e16;
  }

  .intelle-dynamic-mobile-fit {
    display: block;
    padding: 24px 0 30px;
  }

  .intelle-dynamic-mobile-fit .intelle-fit-cta {
    max-width: none;
  }

  .intelle-dynamic-review-top .intelle-wrap {
    width: 100%;
    max-width: none;
  }

  .intelle-dynamic-grade__demo {
    margin-bottom: 30px;
  }

  .intelle-dynamic-grade .intelle-grade-module__head {
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 18px;
    margin-bottom: 18px;
  }

  .intelle-dynamic-grade .intelle-grade-badge--xl {
    width: 92px;
    height: 92px;
  }

  .intelle-dynamic-grade__identity .intelle-title {
    font-size: clamp(1.62rem, 7.4vw, 2.05rem);
    line-height: 1.06;
    letter-spacing: -0.035em;
  }

  .intelle-dynamic-grade__identity .intelle-test-card__provider {
    font-size: 0.9rem;
    line-height: 1.45;
  }

  .intelle-dynamic-grade__identity .intelle-grade-module__score {
    font-size: 0.88rem;
    line-height: 1.35;
  }

  .intelle-dynamic-grade__identity .intelle-grade-module__score strong {
    font-size: 1.45rem;
  }

  .intelle-dynamic-grade .intelle-rail {
    padding: 48px 0 44px;
  }

  .intelle-dynamic-grade .intelle-grade-module__verdict {
    margin-bottom: 20px;
    font-size: 1.08rem;
    line-height: 1.5;
  }

  .intelle-dynamic-grade .intelle-grade-module__row {
    margin-bottom: 20px;
  }
}