.publications-table__header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: var(--space-3);
}

.publications-table__heading {
  font-family: var(--font-family-base);
  font-size: var(--font-size-h2);
  font-weight: var(--font-weight-h2);
  color: rgb(var(--color-h2-text));
  margin: 0;
}

.publications-table__view-all {
  font-family: var(--font-family-base);
  font-size: var(--font-size-link);
  font-weight: var(--font-weight-link);
  color: rgb(var(--color-main-blue));
  text-decoration: none;
  white-space: nowrap;
}

.publications-table__view-all:hover {
  text-decoration: underline;
}

.publications-table__title-bar {
  display: none;
}

.publications-table table {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--font-family-base);
  font-size: var(--font-size-body);
}

.publications-table thead th {
  position: relative;
  background-color: rgb(var(--color-dark));
  color: rgb(var(--color-white));
  font-weight: var(--font-weight-button);
  text-align: left;
  padding: 12px var(--space-2);
  line-height: 1.5;
  white-space: nowrap;
}

.publications-table thead th:not(:first-child)::before {
  content: '';
  position: absolute;
  left: 0;
  top: 12px;
  bottom: 12px;
  width: 1px;
  background-color: rgb(255 255 255 / 0.15);
}

.publications-table tbody td {
  box-sizing: border-box;
  height: 110px;
  padding: var(--space-2) 0 0 var(--space-2);
  vertical-align: top;
  border-bottom: 1px solid rgb(var(--color-grey) / 0.2);
}

.publications-table tbody tr:nth-child(even) td {
  background-color: rgb(var(--color-light));
}

.publications-table .views-field-field-date {
  min-width: 112px;
  text-align: center;
  padding: var(--space-2) 0 0 0;
}
.publications-table thead .views-field-field-date {
  padding: 0 0 0 var(--space-2);
  text-align: left;
}

.publications-table tbody .views-field-field-doc-id {
  color: rgb(var(--color-grey));
  text-align: center;
  padding: var(--space-2) 0 0 0;
}

.publications-table thead th.views-field-field-doc-id {
  text-align: left;
  min-width: 164px;
  padding: 0 0 0 var(--space-2);
}

.publications-table .views-field-title a {
  color: rgb(var(--color-main-blue));
  text-decoration: underline;
  line-height: 150%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.publications-table .views-field-title a:hover {
  text-decoration: none;
}

.publications-table .views-field-type {
  max-width: 160px;
}

.publications-table tbody .views-field-type {
  padding: var(--space-2) 12px 0 12px;
}

.publications-table .views-field-type span {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  background-color: rgb(var(--color-grey) / 0.13);
  color: rgb(var(--color-dark));
  font-size: 14px;
  border-radius: 4px;
  padding: 4px 8px;
}

.publications-table .views-field-title-1 {
  display: none;
}

@media (max-width: 1199px) {
  .publications-table__header {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-1);
  }

  .publications-table__title-bar {
    display: block;
    background-color: rgb(var(--color-dark));
    color: rgb(var(--color-white));
    font-weight: var(--font-weight-button);
    padding: 12px 16px;
    line-height: 1.5;
  }

  .publications-table table,
  .publications-table thead,
  .publications-table tbody,
  .publications-table tbody tr {
    display: block;
    width: 100%;
  }

  .publications-table tbody td {
    display: block;
  }

  .publications-table thead {
    display: none;
  }

  .publications-table tbody tr {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    padding: var(--space-2);
    border-bottom: 1px solid rgb(var(--color-grey) / 0.2);
  }

  .publications-table tbody tr:nth-child(even) {
    background-color: rgb(var(--color-light));
  }

  .publications-table tbody td {
    height: auto;
    padding: 0;
    border-bottom: 0;
  }

  .publications-table tbody tr:nth-child(even) td {
    background-color: transparent;
  }

  .publications-table .views-field-field-date,
  .publications-table .views-field-field-doc-id,
  .publications-table .views-field-type {
    width: auto;
    font-size: 14px;
    color: rgb(var(--color-grey));
  }

  .publications-table .views-field-field-date {
    order: 1;
    min-width: 0;
  }

  .publications-table .views-field-field-doc-id {
    order: 2;
  }

  .publications-table .views-field-type {
    order: 3;
    max-width: none;
  }

  .publications-table .views-field-field-doc-id::before,
  .publications-table .views-field-type::before {
    content: '\00b7';
    margin: 0 var(--space-1);
  }

  .publications-table--page .views-field-type {
    order: 2;
  }

  .publications-table--page .views-field-field-doc-id {
    order: 3;
    flex-basis: 100%;
    margin-top: var(--space-1);
  }

  .publications-table--page .views-field-field-doc-id::before {
    content: 'Report ID: ';
    margin: 0;
  }

  .publications-table--page tbody .views-field-field-doc-id {
    text-align: left;
  }

  .publications-table--home .views-field-field-date,
  .publications-table--home .views-field-field-doc-id,
  .publications-table--home .views-field-type {
    font-size: 12px;
  }

  .publications-table .views-field-type span {
    display: inline;
    background-color: transparent;
    color: inherit;
    font-size: inherit;
    border-radius: 0;
    padding: 0;
  }

  .publications-table .views-field-title {
    order: 4;
    flex-basis: 100%;
    margin-top: var(--space-1);
  }

  .publications-table .views-field-title a {
    color: rgb(var(--color-dark));
    text-decoration: none;
    font-weight: var(--font-weight-body);
  }

  .publications-table .views-field-title-1 {
    display: block;
    order: 5;
    flex-basis: 100%;
    margin-top: var(--space-1);
  }

  .publications-table .views-field-title-1 a {
    color: rgb(var(--color-main-blue));
    text-decoration: none;
    font-weight: var(--font-weight-button);
    line-height: 150%;
  }
}