@media print {
  html {
    width: 210mm;
    height: 100%;
    background-color: #fff !important;
  }

  body {
    width: 210mm;
    height: 100%;
    margin: 0;
    padding: 2cm !important;
    color: #000;
    background-color: #fff !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  a:any-link {
    color: #000;
    text-decoration: underline;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .timeline__item {
    page-break-inside: avoid;
  }

  #root {
    & .app-layout {
      display: block !important;
      padding: 0 !important;
    }

    & .app-layout__main {
      border: none !important;
      background-color: #fff !important;
    }

    & .card {
      background-color: #fff !important;
    }

    & .app-layout__sidebar,
    & .meter__bar,
    & .report-toolbar__tools,
    & hr {
      display: none !important;
    }

    & .content-container {
      max-width: none !important;
      padding: 0 !important;
    }

    & .report-toolbar {
      padding: 0 !important;
      border-bottom: none !important;
      background-color: #fff !important;
    }

    & .report-toolbar__heading {
      font-size: var(--size-24) !important;
    }

    & .timeline {
      padding-bottom: var(--size-32) !important;
    }

    & .timeline__rating {
      border: var(--border-1) solid var(--border-action-default) !important;
      border-radius: 50% !important;
    }

    & h1 {
      margin-bottom: var(--size-32) !important;
    }

    & h2:not(.timeline__item-heading) {
      font-size: var(--size-20) !important;
    }

    & h3 {
      font-size: var(--size-16) !important;
    }
  }

  @page {
    margin: 2cm;
    size: A4;
  }
}