.block-new-item-list {
  background: var(--jct-white);
  color: var(--jct-black);
}
.block-new-item-list .item-list-grid {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  column-gap: 16px;
  padding: 40px 16px;
  box-sizing: border-box;
  width: 100%;
  text-align: left;
}
.block-new-item-list .item-list-items {
  grid-column: 5 / 9;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid currentColor;
}
.block-new-item-list .item-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 16px;
  align-items: center;
  border-top: 1px solid currentColor;
  padding: 16px 0;
}
.block-new-item-list .item-name {
  font: var(--h2);
  margin: 0;
}
.block-new-item-list .item-details {
  font: var(--body2);
}
@media (max-width: 1024px) {
  .block-new-item-list .item-list-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  .block-new-item-list .item-list-items {
    grid-column: 1 / 5;
    width: calc(100% + 16px);
    margin-right: -16px;
  }
  .block-new-item-list .item-row {
    grid-template-columns: repeat(4, 1fr);
    box-sizing: border-box;
    padding-right: 16px;
  }
  .block-new-item-list .item-name {
    grid-column: 1 / 5;
    grid-row: 1;
    text-align: left;
    font: var(--h3);
  }
  .block-new-item-list .item-details {
    grid-column: 4 / 5;
    grid-row: 2;
    text-align: right;
    font: var(--body3);
  }
}