.journal {
  display: grid;
  grid-template-columns: 1fr 280px;
  gap: 7vw;
}

.journal .news-grid {
  grid-template-columns: repeat(2,1fr);
}

.journal aside {
  border-left: 1px solid var(--line);
  padding-left: 35px;
}

.journal aside>a {
  display: block;
  padding: 18px 0;
  border-top: 1px solid var(--line);
  font-family: var(--serif);
}

.journal aside>div {
  background: var(--cream);
  padding: 28px;
  margin-top: 40px;
}

.journal aside>div a {
  margin-top: 15px;
}

@media(max-width:850px) {
  .journal {
    grid-template-columns: 1fr;
  }

  .journal aside {
    border-left: 0;
    padding-left: 0;
  }

  .journal .news-grid {
    grid-template-columns: 1fr;
  }
}