/* onboarding-extra page styles — uses CSS variables from base.css */

/* Placement test quiz screen: a lightweight stand-in for the full
   .exercise-screen/.exercise-topbar chrome (learn.js), since onboarding
   renders full-screen with no top bar of its own. Reuses .progress-track /
   .progress-fill / .exercise-card / .exercise-body / .footer from base.css. */
.placement-quiz-screen {
  min-height: 100vh;
  max-width: 560px;
  margin: 0 auto;
  padding: 20px 20px 140px;
}

.placement-progress-bar {
  margin-bottom: 18px;
}

.placement-question-count {
  color: var(--text-muted);
  font-size: 0.85rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 20px;
}