.article > header {
  text-align: center;
}
.articles--page {
  width: 96%;
  max-width: 78rem;
  margin: 0 auto;
  margin-bottom: 2em;
}
.articles--page > header {
  text-align: center;
}
.articles__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.articles__list > li {
  margin: 1em;
}
.article--teaser {
  max-width: calc((78rem / 2) - 2.5em);
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
}
.article--teaser > .title {
  font-size: 1.25em;
  min-height: 2.5em;
  display: flex;
  align-items: flex-end;
}
.article--teaser > .title:hover a {
  text-decoration: none;
}
.article--teaser > * + * {
  margin-top: 1em;
}
.article--teaser > time {
  font-weight: 400;
}
.article--teaser > .text {
  font-size: 1.1em;
}