.post-list__table-row {
  align-items: center;
  -moz-column-gap: 2px;
  column-gap: 2px;
  display: grid;
  grid-template: auto/1fr 120px;
  min-height: 42px;
}
@media (min-width: 768px) {
  .post-list__table-row {
    grid-template: auto/50px 1fr 60px 90px;
  }
  .post-list__table-row._has-author {
    grid-template: auto/50px 1fr 120px 60px 90px;
  }
}
.post-list__table-header,
.post-list__table-cell {
  align-items: center;
  display: flex;
  font-size: 15px;
  height: 100%;
  justify-content: center;
  line-height: 22px;
  padding: 8px;
  word-break: break-all;
}
.post-list__table-header:first-child,
.post-list__table-header:nth-child(3),
.post-list__table-header:nth-last-child(2),
.post-list__table-cell:first-child,
.post-list__table-cell:nth-child(3),
.post-list__table-cell:nth-last-child(2) {
  display: none;
}
@media (min-width: 768px) {
  .post-list__table-header:first-child,
  .post-list__table-header:nth-child(3),
  .post-list__table-header:nth-last-child(2),
  .post-list__table-cell:first-child,
  .post-list__table-cell:nth-child(3),
  .post-list__table-cell:nth-last-child(2) {
    display: flex;
  }
}
.post-list__table-header {
  background-color: #404040;
  color: #ffffff;
  font-weight: 700;
}
.post-list__table-cell {
  border-bottom: 1px solid #dfdfdf;
  color: #202020;
  text-align: center;
}
.post-list__table-cell:nth-child(2) {
  justify-content: flex-start;
  text-align: left;
}

.pagination {
  -moz-column-gap: 16px;
  column-gap: 16px;
  display: grid;
  grid-template-columns: [prev-start] 32px [prev-end] repeat(3, 32px) [next-start] 32px [next-end];
  justify-content: flex-end;
  margin-left: auto;
  margin-top: 60px;
}
@media (min-width: 600px) {
  .pagination {
    grid-template-columns: [prev-start] 32px [prev-end] repeat(5, 32px) [next-start] 32px [next-end];
  }
}
@media (min-width: 1000px) {
  .pagination {
    grid-template-columns: [prev-start] 32px [prev-end] repeat(10, 32px) [next-start] 32px [next-end];
  }
}
.pagination a {
  align-items: center;
  color: #404040;
  display: inline-flex;
  font-size: 13px;
  font-weight: 700;
  height: 35px;
  justify-content: center;
  line-height: 19px;
}
.pagination a[current] {
  background-color: #404040;
  color: #ffffff;
}
.pagination__prev-button {
  grid-column: prev-start/prev-end;
}
.pagination__next-button {
  grid-column: next-start/next-end;
  transform: rotateZ(180deg);
}
.pagination__prev-button._disabled,
.pagination__next-button._disabled {
  opacity: 0.3;
}
.pagination__page-button:first-child {
  grid-column-start: prev-end;
}

.post-controls > a {
  align-items: center;
  background-color: #f8f8f8;
  border: 1px solid #202020;
  border-radius: 5px;
  color: #202020;
  display: inline-flex;
  font-size: 13px;
  justify-content: center;
  line-height: 19px;
  margin-top: 20px;
  padding: 8px 10px;
}
.post-controls > a:not(:first-child) {
  margin-left: 10px;
}