:root {
  --chs-rc-desktop-width: 980px;
}

.result-block {
  display: grid;
  gap: 1rem;
  justify-items: center;
}

.result-block > .result-card,
.result-block > .result-actions-panel,
.chs-rc-size-source {
  width: min(100%, var(--chs-rc-desktop-width));
  margin-inline: auto;
}

.chs-rc-preview-mode {
  width: var(--chs-rc-desktop-width);
  max-width: none;
}

.chs-rc-preview-mode .chs-rc-size-source,
.chs-rc-preview-mode .result-card,
.chs-rc-preview-mode .result-actions-panel {
  width: var(--chs-rc-desktop-width);
  max-width: none;
}

.chs-rc-preview-mode .chs-rc-header {
  flex-wrap: nowrap !important;
}

.chs-rc-preview-mode .chs-rc-meta-row,
.chs-rc-preview-mode .chs-rc-student-row,
.chs-rc-preview-mode .chs-rc-footer {
  flex-direction: row !important;
  gap: 2rem !important;
}

.chs-rc-preview-mode .chs-rc-body {
  grid-template-columns: auto 1fr 200px !important;
}

.chs-rc-preview-mode .chs-rc-aside {
  grid-template-columns: 1fr !important;
}