.table-wrapper {
  --inner-border-radius: calc(0.5rem - 1px);

  border-radius: 0.5rem;
  margin: 20px 0;
  border: 1px solid var(--darkgray);
  position: relative;
}

.assessments-table,
.assessors-table {
  border-collapse: collapse;
  overflow: hidden;
  width: 100%;

  th, td {
    padding: 8px;
    text-align: left;
  }

  th,
  td {
    border: 1px solid var(--darkgray);
  }

  th {
    border-top: none;
  }

  th:first-child,
  td:first-child {
    border-left: none;
  }

  th:last-child,
  td:last-child {
    border-right: none;
  }

  tr:last-child td {
    border-bottom: none;
  }

  tr:first-child th:first-child,
  tr:first-child td:first-child {
    border-top-left-radius: var(--inner-border-radius);
  }

  tr:first-child th:last-child,
  tr:first-child td:last-child {
    border-top-right-radius: var(--inner-border-radius);
  }
  
  tr:last-child td:first-child {
    border-bottom-left-radius: var(--inner-border-radius);
  }
  
  tr:last-child td:last-child {
    border-bottom-right-radius: var(--inner-border-radius);
  }

  th {
    background-color: var(--boringgray);
  }

  tr:nth-child(odd) {
    background-color: #f2f2f2;
  }

  tr:nth-child(even) {
    background-color: #f9f9f9;
  }
}

a.show-assessment {
  font-weight: 600;
}