.node--type-call.node--view-mode-full>.node__content {
  margin-inline: 16px;

  @media (min-width: 576px) {
    margin-inline: auto;
    max-width: 540px;
  }

  @media (min-width: 768px) {
    max-width: 720px
  }

  @media (min-width: 992px) {
    max-width: 960px;
  }

  .module-completion-overview {
    background: #FFFFFF;
    border: 1px solid #CBCACA;
    margin-bottom: 40px;

    >h2 {
      color: #E85000;
      font: 800 24px/1 Manrope,sans-serif;
      margin: 0;
      padding: 20px 25px;
    }

    >div {
      padding: 20px 25px;

      >div {
        overflow-x: auto;

        >table {
          border-collapse: collapse;

          th, td {
            border: 1px solid #CBCACA;
            color: #333;
            font: 12px/1;
            padding: 10px;
            text-align: left;
            vertical-align: top;
          }
          th {
            font-weight: 800;
            font-family: "Manrope",sans-serif;
          }
          td {
            font-weight: 500;
            font-family: "Mercury Text G1",serif;
            white-space: nowrap;
          }
        }
      }
    }
    .go-back {
      text-align: right;

      >a {
        background: #808080;
        border-radius: 16px;
        color: #fff;
        display: inline-flex;
        gap: 4px;
        font: 800 12px / 1 "Manrope", sans-serif;
        padding: 8px 12px;
        text-decoration: none;

        &::before {
          content: url(/themes/custom/gozero/images/arrow-back.svg);
        }
      }
    }
  }
}

.node--type-call.node--view-mode-full>.node__content > div > div > div > table th:first-child,
.node--type-call.node--view-mode-full>.node__content > div > div > div > table td:first-child {
  position: sticky;
  left: 0.5px;
  background: #fff;
  z-index: 2;
  outline: 1px solid #CBCACA;
}