.card {
  padding: calc(30rem / 16) calc(40rem / 16);
  max-width: calc(524rem / 16);
  background-color: var(--primary-background);
  border-radius: calc(20rem / 16);
  margin-bottom: 1rem;
}

.fit.card {
  max-width: unset;
  padding: unset;
  border-radius: unset;
}

.date {
  font-size: calc(18rem / 16);
  margin: 0;
}

.author {
  color: var(--secondary-heading);
  font-style: normal;
}

.content > *:first-child {
  margin-top: 0;
}

@media only screen and (max-width: calc(768rem / 16)) {
  .card {
    padding: 0;
    max-width: unset;
    background-color: transparent;
    border-radius: 0;
  }

  .date {
    font-weight: 600;
  }

  .content > *:first-child {
    margin-top: 1rem;
  }

  .content ul,
  .content ol {
    padding: 0 1rem;
  }
}