.diag-wrapper { min-height: 100vh; background: var(--off-white); }
    .question-container { display: none; }
    .question-container.active { display: block; animation: fadeInUp 0.4s ease; }

    .score-ring-good { stroke: var(--green); }
    .score-ring-medium { stroke: var(--gold); }
    .score-ring-low { stroke: var(--red); }

    .insight-list { margin: 20px 0; }
    .insight-item {
      display: flex;
      gap: 12px;
      align-items: flex-start;
      padding: 14px 0;
      border-bottom: 1px solid var(--gray-200);
    }
    .insight-item:last-child { border-bottom: none; }
    .insight-dot {
      width: 8px; height: 8px; border-radius: 50%;
      margin-top: 7px; flex-shrink: 0;
    }
    .insight-item p { font-size: 0.9rem; line-height: 1.6; margin: 0; }
    .insight-item strong { color: var(--navy); }

    .success-screen { display: none; padding: 60px 0 80px; animation: fadeIn 0.6s ease; }
    .success-screen.active { display: block; }
    .success-icon {
      width: 72px; height: 72px;
      background: var(--green-light);
      border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      font-size: 28px;
      margin: 0 auto 20px;
    }
    .next-steps {
      background: var(--navy);
      border-radius: var(--radius-xl);
      padding: 36px;
      margin-top: 28px;
      color: white;
    }
    .next-steps h3 { color: white; font-size: 1.2rem; margin-bottom: 20px; }
    .next-step-item {
      display: flex;
      align-items: center;
      gap: 14px;
      padding: 14px 0;
      border-bottom: 1px solid rgba(255,255,255,0.1);
    }
    .next-step-item:last-child { border-bottom: none; }
    .step-check {
      width: 28px; height: 28px;
      background: var(--gold);
      border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      font-size: 11px;
      color: white;
      flex-shrink: 0;
    }
    .next-step-item p { color: rgba(255,255,255,0.75); font-size: 0.9rem; margin: 0; }