.blog {
  line-height: 1.75;
}

.blog > :first-child {
  margin-top: 0;
}
.blog > :last-child {
  margin-bottom: 0;
}

.blog h2 {
  font-weight: 700;
  line-height: 1.3;
  font-size: 1.5em;
  margin-top: 2em; 
  margin-bottom: 0.75em;
}

.blog p {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.blog ul {
  list-style-type: disc;
  padding-left: 1.5rem;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.blog li {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.post-card .post-cover {
  aspect-ratio: 16 / 9;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem;
  background-color: #F3F4F6; /* fallback */
  border: 1px solid rgba(0, 0, 0, 0.05);
}

.grid > .post-card:nth-child(10n+1) .post-cover { background-color: #FCE7F3; } /* pink-100 */
.grid > .post-card:nth-child(10n+2) .post-cover { background-color: #DBEAFE; } /* blue-100 */
.grid > .post-card:nth-child(10n+3) .post-cover { background-color: #DCFCE7; } /* green-100 */
.grid > .post-card:nth-child(10n+4) .post-cover { background-color: #EDE9FE; } /* purple-100 */
.grid > .post-card:nth-child(10n+5) .post-cover { background-color: #FEF3C7; } /* amber-100 */
.grid > .post-card:nth-child(10n+6) .post-cover { background-color: #CFFAFE; } /* cyan-100 */
.grid > .post-card:nth-child(10n+7) .post-cover { background-color: #FEE2E2; } /* red-100 */
.grid > .post-card:nth-child(10n+8) .post-cover { background-color: #E0E7FF; } /* indigo-100 */
.grid > .post-card:nth-child(10n+9) .post-cover { background-color: #FFEDD5; } /* orange-100 */
.grid > .post-card:nth-child(10n+10) .post-cover { background-color: #ECFCCB; } /* lime-100 */

.post-cover-title {
  line-height: 1.1;
  word-break: break-word;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}