/* ==========================================================================
   Simplius — Blog
   ========================================================================== */

.blog-grid {
  display: grid;
  gap: var(--space-6);
}
@media (min-width: 640px) { .blog-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .blog-grid { grid-template-columns: repeat(3, 1fr); } }

.post-body {
  max-width: 720px;
  margin-inline: auto;
}
.post-body p { margin-bottom: var(--space-5); }
.post-body h2 { margin-top: var(--space-7); margin-bottom: var(--space-4); }
.post-body ul { list-style: disc; padding-left: 1.25rem; margin-bottom: var(--space-5); }
.post-body li { margin-bottom: var(--space-2); }