.monoreport {
  display: grid;
  grid-template-columns: [col1] 25% [col2] 25% [col3] 25% [col4] 25%;
  grid-template-rows: [row1] auto [row2] auto [row3] auto;
  row-gap: 18px; }
  .monoreport .top-bar {
    grid-column: col1 / span 4;
    grid-row: row1; }
  .monoreport .progress-bar {
    grid-column: col1 / span 4;
    grid-row: row2; }
  .monoreport .editors-area {
    grid-column: col1 / span 2;
    grid-row: row3;
    display: flex; }
  .monoreport .report-preview {
    grid-column: col3 / span 2;
    grid-row: row3; }

@media only screen and (max-width: 800px) {
  .monoreport {
    display: block; }
    .monoreport .editors-area {
      margin: 1rem 0; } }