.page-exam-review-combined {
  background: #f7f9fc;
}

@media (max-width: 799.98px) {
  .page-exam-review-combined .page__content.container {
    width: calc(100% - 2rem);
    max-width: none;
  }
}
.exam-review-page--combined {
  --combined-brand: #92171a;
  --combined-line: #e8e2df;
  --combined-green: #139447;
  --combined-red: #f02b32;
  --combined-orange: #ee8500;
  padding-bottom: 4rem;
}
.exam-review-page--combined .combined-review__scoreboard {
  display: grid;
  grid-template-columns: 1.25fr repeat(2, 1fr) repeat(3, 0.78fr) 1fr;
  margin-top: 1.5rem;
  padding: 1.35rem 1rem;
  border: 1px solid #eee8e5;
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 0.65rem 1.8rem rgba(60, 45, 35, 0.06);
}
.exam-review-page--combined .combined-review__scoreboard > * {
  position: relative;
  min-width: 0;
  min-height: 9.5rem;
  padding: 0.6rem 1rem;
  text-align: center;
}
.exam-review-page--combined .combined-review__scoreboard > * + *::before {
  position: absolute;
  top: 0.75rem;
  bottom: 0.75rem;
  left: 0;
  width: 1px;
  background: var(--combined-line);
  content: "";
}
.exam-review-page--combined .combined-review__label {
  color: #4b5363;
  font-size: 0.8rem;
  font-weight: 700;
}
.exam-review-page--combined .combined-review__score-ring {
  --combined-score-progress: 0%;
  --combined-score-color: var(--combined-brand);
  display: grid;
  width: 7.2rem;
  height: 7.2rem;
  margin: 0.55rem auto;
  place-content: center;
  border-radius: 50%;
  background: radial-gradient(circle, #fff 65%, transparent 67%), conic-gradient(var(--combined-score-color) var(--combined-score-progress), #f5dedf 0);
}
.exam-review-page--combined .combined-review__score-ring.is-fail {
  --combined-score-color: var(--combined-red);
}
.exam-review-page--combined .combined-review__score-ring.is-good {
  --combined-score-color: var(--combined-orange);
}
.exam-review-page--combined .combined-review__score-ring.is-excellent {
  --combined-score-color: var(--combined-green);
}
.exam-review-page--combined .combined-review__score-ring strong {
  color: var(--combined-score-color);
  font-size: 2rem;
  line-height: 1;
}
.exam-review-page--combined .combined-review__score-ring span {
  margin-top: 0.35rem;
  color: var(--combined-score-color);
  font-size: 0.75rem;
  font-weight: 700;
}
.exam-review-page--combined .combined-review__score-note {
  min-height: 1.9rem;
  padding: 0.35rem 0.85rem;
  border: 1px solid #e5b9bb;
  border-radius: 999px;
  color: var(--combined-brand);
  font-size: 0.67rem;
  font-weight: 700;
}
.exam-review-page--combined .combined-review__score-note.is-fail {
  border-color: #efadb2;
  background: #fff0f1;
  color: var(--combined-red);
}
.exam-review-page--combined .combined-review__score-note.is-good {
  border-color: #edc36f;
  background: #fff7e8;
  color: #bd7100;
}
.exam-review-page--combined .combined-review__score-note.is-excellent {
  border-color: #9bd4ad;
  background: #effaf2;
  color: var(--combined-green);
}
.exam-review-page--combined .combined-review__part {
  justify-content: flex-start !important;
  gap: 0.55rem;
  padding-top: 1.55rem !important;
}
.exam-review-page--combined .combined-review__part p {
  margin: 0;
  color: #3d4655;
}
.exam-review-page--combined .combined-review__part p strong {
  color: var(--combined-red);
  font-size: 1.65rem;
}
.exam-review-page--combined .combined-review__part p b {
  font-size: 0.95rem;
}
.exam-review-page--combined .combined-review__part > span:last-child {
  color: #667085;
  font-size: 0.72rem;
  font-weight: 700;
}
.exam-review-page--combined .combined-review__metric {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0.35rem;
  padding-top: 1.55rem !important;
  font-size: 0.72rem;
  font-weight: 700;
}
.exam-review-page--combined .combined-review__metric strong {
  font-size: 1.55rem;
}
.exam-review-page--combined .combined-review__metric small {
  font-size: 0.7rem;
}
.exam-review-page--combined .combined-review__metric--correct {
  color: var(--combined-green);
}
.exam-review-page--combined .combined-review__metric--correct .combined-review__metric-icon {
  background: #e8f8ee;
  color: var(--combined-green);
}
.exam-review-page--combined .combined-review__metric--wrong {
  color: var(--combined-red);
}
.exam-review-page--combined .combined-review__metric--wrong .combined-review__metric-icon {
  background: #ffebec;
  color: var(--combined-red);
}
.exam-review-page--combined .combined-review__metric--empty {
  color: var(--combined-orange);
}
.exam-review-page--combined .combined-review__metric--empty .combined-review__metric-icon {
  background: #fff4df;
  color: var(--combined-orange);
}
.exam-review-page--combined .combined-review__metric-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  font-size: 1.1rem;
}
.exam-review-page--combined .combined-review__totals {
  justify-content: flex-start !important;
  gap: 0.35rem;
  padding-top: 1.55rem !important;
  color: #667085;
  font-size: 13px;
}
.exam-review-page--combined .combined-review__totals > strong {
  color: #172033;
  font-size: 1.35rem;
}
.exam-review-page--combined .combined-review__totals small {
  margin-top: 0.2rem;
  font-size: 13px;
}
.exam-review-page--combined .combined-review__toolbar {
  margin-top: 1.25rem;
  padding: 1rem 0 1.15rem;
  border-bottom: 1px solid #e7e0dc;
}
.exam-review-page--combined .combined-review__filters .exam-review-page__filter {
  letter-spacing: 0;
}
.exam-review-page--combined .combined-review__filters .exam-review-page__filter [data-combined-count] {
  display: inline;
  margin: 0;
  padding: 0;
  letter-spacing: 0;
}
.exam-review-page--combined .combined-review__section {
  margin-top: 1.35rem;
}
.exam-review-page--combined .combined-review__section-title {
  margin: 0 0 0.9rem;
  color: var(--combined-brand);
  font-size: 1rem;
  font-weight: 800;
}
.exam-review-page--combined .combined-review__essay-card {
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr) 7rem;
  gap: 1rem;
  padding: 1.15rem;
  border: 1px solid #ebe5e2;
  border-radius: 0.8rem;
  background: #fff;
  box-shadow: 0 0.35rem 1rem rgba(62, 45, 35, 0.05);
}
.exam-review-page--combined .combined-review__essay-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 50%;
  background: #fff1e9;
  color: var(--combined-brand);
  font-size: 0.9rem;
  font-weight: 800;
}
.exam-review-page--combined .combined-review__essay-content {
  min-width: 0;
}
.exam-review-page--combined .combined-review__essay-heading {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.35rem;
}
.exam-review-page--combined .combined-review__essay-heading h3 {
  margin: 0;
  color: #273142;
  font-size: 0.9rem;
  font-weight: 800;
}
.exam-review-page--combined .combined-review__essay-heading span {
  color: #657084;
  font-size: 0.7rem;
}
.exam-review-page--combined .combined-review__essay-panels {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 0.9rem;
}
.exam-review-page--combined .combined-review__essay-panel {
  min-height: 8rem;
  padding: 0.9rem;
  border: 1px solid;
  border-radius: 0.55rem;
}
.exam-review-page--combined .combined-review__essay-panel h4 {
  margin: 0 0 0.6rem;
  color: #4b5565;
  font-size: 0.78rem;
  font-weight: 700;
}
.exam-review-page--combined .combined-review__essay-panel p {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  color: #536072;
  font-size: 0.78rem;
  line-height: 1.55;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
.exam-review-page--combined .combined-review__essay-panel--answer {
  border-color: #d7e4fa;
  background: #f7faff;
}
.exam-review-page--combined .combined-review__essay-panel--feedback {
  border-color: #d5ecdc;
  background: #f3fbf5;
}
.exam-review-page--combined .combined-review__essay-result {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1rem;
  text-align: center;
}
.exam-review-page--combined .combined-review__essay-result strong {
  padding: 0.9rem 0.45rem;
  border: 1px solid #d8e3f3;
  border-radius: 0.5rem;
  color: #273142;
  font-size: 0.9rem;
}
.exam-review-page--combined .combined-review__essay-badge {
  padding: 0.45rem 0.6rem;
  border-radius: 999px;
  background: #fff4df;
  color: #b76500;
  font-size: 0.65rem;
  font-weight: 800;
  text-transform: uppercase;
}
.exam-review-page--combined .combined-review__essay-badge.is-graded {
  background: #eaf2ff;
  color: #315da8;
}
.exam-review-page--combined .combined-review__essay-badge.is-empty {
  background: #f3f4f6;
  color: #0953ef;
}
.exam-review-page--combined .combined-review__empty {
  margin-top: 1.5rem;
  padding: 2rem;
  color: #667085;
}

@media (max-width: 1199.98px) {
  .exam-review-page--combined .combined-review__scoreboard {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .exam-review-page--combined .combined-review__scoreboard > * + *::before {
    display: none;
  }
  .exam-review-page--combined .combined-review__score {
    grid-row: span 2;
  }
}
@media (max-width: 767.98px) {
  .exam-review-page--combined .combined-review__scoreboard {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .exam-review-page--combined .combined-review__score {
    grid-row: auto;
  }
  .exam-review-page--combined .combined-review__scoreboard > * {
    min-height: 7.5rem;
    padding: 0.5rem;
  }
  .exam-review-page--combined .combined-review__essay-card {
    grid-template-columns: 2.5rem minmax(0, 1fr);
  }
  .exam-review-page--combined .combined-review__essay-panels {
    grid-template-columns: 1fr;
  }
  .exam-review-page--combined .combined-review__essay-result {
    grid-column: 2;
    flex-direction: row;
  }
  .exam-review-page--combined .combined-review__essay-result > * {
    flex: 1;
  }
}
@media (max-width: 575.98px) {
  .exam-review-page--combined .combined-review__scoreboard {
    grid-template-columns: 1fr 1fr;
    padding: 0.75rem;
  }
  .exam-review-page--combined .combined-review__score {
    grid-column: 1/-1;
  }
  .exam-review-page--combined .combined-review__essay-card {
    grid-template-columns: 1fr;
  }
  .exam-review-page--combined .combined-review__essay-number, .exam-review-page--combined .combined-review__essay-result {
    grid-column: auto;
  }
}