.card {
  display: inline-grid;
  box-sizing: border-box;
  margin: 0 auto;
  height: 100%;
  color: var(--foreground);
  background-color: var(--background);
  position: relative;
  outline: transparent solid 2px;
  transition: outline 0.25s;
  font-size: 0.89rem;
}
.card:hover {
  color: var(--foreground);
}
a.card:focus,
a.card:hover {
  outline: 2px solid var(--thin);
}
.card__lower {
  padding: 0 8% 6%;
}
.card--icon,
.card--image {
  grid-template-rows: auto 1fr 0.1fr;
}
.card__bottom {
  text-align: center;
  position: relative;
  bottom: 0;
  width: 100%;
  padding: 10px 0;
  background-color: var(--dark);
}
.card--tombstone {
  text-align: center;
}
.card--tombstone ul {
  padding: 0;
  list-style-position: inside;
}
.card__tag {
  top: 0;
  right: 0;
}
.card__content {
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
}