.results-container { max-width: 800px; margin: 0 auto; padding: 24px; }
.results-header { text-align: center; margin-bottom: 24px; }
.results-header h2 { font-size: 28px; margin-bottom: 8px; }
.results-header p { color: var(--text-secondary); }

.score-card {
  background: var(--surface); border-radius: var(--radius);
  border: 1px solid var(--border); padding: 24px; margin-bottom: 20px;
  text-align: center;
}
.score-card h2 { font-size: 20px; margin-bottom: 16px; }
.score-circle {
  width: 100px; height: 100px; border-radius: 50%;
  background: var(--primary); color: #fff; display: flex;
  flex-direction: column; align-items: center; justify-content: center;
  margin: 0 auto 16px; font-size: 28px; font-weight: 700;
}
.score-circle span { font-size: 13px; font-weight: 500; }

.score-breakdown {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 24px;
}
.breakdown-item {
  background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-sm);
  padding: 16px; text-align: center;
}
.breakdown-item .value { font-size: 22px; font-weight: 700; }
.breakdown-item .label { font-size: 12px; color: var(--text-muted); text-transform: uppercase; }

.answers-review .question-block { margin-bottom: 12px; }
.answers-review .correct { border-color: var(--success); background: #f0fdf4; }
.answers-review .wrong { border-color: var(--danger); background: #fef2f2; }

.results-detail { max-width: 900px; margin: 0 auto; background: var(--surface); border: 1px solid var(--border); padding: 28px; border-radius: var(--radius); }
.results-detail h3 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.5px; color: var(--primary); margin-bottom: 16px; }