.results__title {
  font-size: var(--size-display);
  line-height: var(--leading-tight);
  letter-spacing: -0.025em;
}

.results__score, .results__remediation, .results__review {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  padding-block: var(--space-5);
  border-top: 1px solid var(--color-border-soft);
}

.results__score { border-top: 0; padding-top: var(--space-2); gap: var(--space-2); }

.results__label {
  font-size: var(--size-tiny);
  font-weight: 680;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--color-muted);
}

.results__figure { display: flex; align-items: baseline; gap: var(--space-3); flex-wrap: wrap; }

.results__count {
  font-size: clamp(1.75rem, 1.4rem + 1.5vw, 2.35rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
}

.results__percent { font-size: 1.15rem; color: var(--color-muted); font-variant-numeric: tabular-nums; }

.results__definition, .results__explanation {
  font-size: var(--size-small);
  color: var(--color-muted);
  max-width: var(--measure);
}

.results__explanation {
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius);
  background: var(--color-surface-sunken);
  color: var(--color-text);
}

.results__outcome {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  align-self: flex-start;
  padding: var(--space-2) var(--space-4);
  border-radius: 999px;
  font-weight: 620;
  font-size: var(--size-small);
}
.results__outcome--pass { background: var(--correct-soft); color: var(--correct); }
.results__outcome--fail { background: var(--not-recommended-soft); color: var(--not-recommended); }

/* The secondary signal is visually subordinate and always carries its label. */
.results__secondary {
  font-size: var(--size-small);
  padding-top: var(--space-2);
  max-width: var(--measure);
}
.results__secondary-label { color: var(--color-muted); }
.results__secondary-note { color: var(--color-muted); }

.results__privacy {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  padding: var(--space-4);
  border-radius: var(--radius);
  background: var(--color-primary-soft);
  font-size: var(--size-small);
}
.results__privacy-title { font-weight: 650; }
.results__privacy-note { color: var(--color-muted); }

/* --- remediation --- */

.remediation { display: flex; flex-direction: column; gap: var(--space-3); }

.remediation__item {
  padding: var(--space-4);
  border-radius: var(--radius);
  border: 1px solid var(--color-border);
}

.remediation__name { font-weight: 640; }
.remediation__count {
  font-size: var(--size-tiny);
  color: var(--color-muted);
  font-variant-numeric: tabular-nums;
  margin-bottom: var(--space-2);
}
.remediation__advice { font-size: var(--size-small); max-width: var(--measure); }

/* --- review --- */

.review { display: flex; flex-direction: column; gap: var(--space-4); counter-reset: review; }

.review__item {
  padding: var(--space-4);
  border-radius: var(--radius);
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.review__question { font-weight: 620; line-height: 1.4; }

.review__verdict { display: flex; align-items: baseline; gap: var(--space-2); font-size: var(--size-small); flex-wrap: wrap; }
.review__verdict-icon { font-size: 0.95rem; }
.review__verdict--correct { color: var(--correct); }
.review__verdict--partial { color: var(--not-recommended); }
.review__verdict--incorrect { color: var(--unsafe); }

.review__heading {
  font-size: 0.7rem;
  font-weight: 680;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--color-muted);
}

.review__options { font-size: var(--size-small); display: flex; flex-direction: column; gap: var(--space-1); }
.review__options li { padding-left: var(--space-4); position: relative; }
.review__options li::before { content: "—"; position: absolute; left: 0; color: var(--color-muted); }

.review__chose .review__options li::before { content: "✕"; color: var(--unsafe); }
.review__required .review__options li::before { content: "○"; color: var(--missed); }

.review__takeaway {
  font-size: var(--size-small);
  color: var(--color-muted);
  padding-top: var(--space-2);
  border-top: 1px solid var(--color-border-soft);
  max-width: var(--measure);
}

.review__note { font-size: var(--size-small); color: var(--color-muted); }

/* --- completion + actions --- */

.completion {
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius);
  background: var(--color-surface-sunken);
  font-size: var(--size-small);
}
.completion--done { background: var(--correct-soft); color: var(--correct); }
.completion--error { background: var(--not-recommended-soft); color: var(--not-recommended); }

.results__actions {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  flex-wrap: wrap;
  padding-top: var(--space-2);
}