.blog-post {
  margin-bottom: var(--primary-margin);
}

.blog-post-header {
  margin-bottom: var(--secondary-margin);
}

.blog-post-header h2 {
  margin-bottom: 0.25rem;
}

.blog-post-meta {
  color: var(--quinary-color);
  font-size: 0.9rem;
  margin-bottom: var(--secondary-margin);
}

.blog-post-content h3 {
  font-family: var(--font-heading);
  color: var(--tertiary-color);
  margin-top: var(--secondary-margin);
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
}

.blog-post-content ul {
  margin: var(--secondary-margin) 0;
  padding-left: 2rem;
}

.blog-post-content li {
  margin-bottom: 0.5rem;
  line-height: 1.4;
}

.blog-post-content strong {
  color: var(--tertiary-color);
}

.blog-post + .blog-post {
  border-top: 1px solid var(--quinary-color);
  padding-top: var(--primary-padding);
}

.blog-image {
  width: 50%;
  height: auto;
  display: block;
  margin: 1rem auto;
  cursor: pointer;
  border: 1px solid var(--quinary-color);
}