.xz-post-summary {
  margin: 4px 0 30px;
  color: #718096;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 16px;
  font-weight: 400;
  line-height: 2;
  letter-spacing: .02em;
}

.xz-post-content h2 {
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.xz-blog-panel .xz-list-copy > p {
  -webkit-line-clamp: 2;
}

/* Keep article recommendations visually consistent with the book cards. */
.xz-post-paper > .xz-related .xz-related-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.xz-post-paper > .xz-related .xz-related-image {
  aspect-ratio: 8 / 5;
}

.xz-post-paper > .xz-related .xz-related-card h3 {
  text-align: center;
}

.xz-backtop {
  bottom: 76px;
}

html[data-theme="dark"] .xz-post-summary {
  color: #a8b6c8;
}

@media (max-width: 1024px) {
  .xz-post-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .xz-toc {
    display: none !important;
  }

  .xz-backtop {
    bottom: max(82px, calc(env(safe-area-inset-bottom) + 70px));
  }

  .xz-post-paper > .xz-related .xz-related-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .xz-post-summary {
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 2;
  }

  .xz-backtop {
    right: 16px;
    bottom: max(88px, calc(env(safe-area-inset-bottom) + 76px));
  }
}