.post {
  max-width: 750px;
  margin: 0 auto;
  font-family: var(--font-serif);
  letter-spacing: -0.02em;
  padding-top: rfs(90px);
  border-top: 2px solid var(--border-color);

  &:first-child {
    margin-top: 0;
  }

  &:last-child {
    margin-bottom: rfs(90px);
    padding-bottom: rfs(90px);
    border-bottom: 2px solid var(--border-color);
  }
}

.info {
  margin-top: 10px;
  margin-bottom: rfs(40px);
  color: var(--light-body-color);
  font-family: var(--font-sans);
}

.body {
  font-size: rfs(19px);
  line-height: rfs(1.6);
}

.title {
  font-size: rfs(35px);
  font-family: var(--font-sans);
  line-height: 1.2;
  margin: 0;
  letter-spacing: -0.05em;

  a {
    text-decoration: none;
    color: inherit;

    &:hover {
      text-decoration: underline;
    }
  }
}

.categories {
  margin-bottom: 30px;
}

.category {
  padding: 6px 12px 4px;
  color: white;
  font-family: var(--font-sans);
  box-shadow: var(--box-shadow);
  font-weight: bold;
  font-size: 0.8em;
  border-radius: 4px;
  display: inline-block;
  margin-right: 10px;
}
