/* css/pages/post.css */
.post-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 50vh;
}

.post-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: var(--space-48) 2rem var(--space-96);
}

.post-header {
  max-width: var(--reading-width);
  margin: 0 auto var(--space-64);
  text-align: center;
}

.post-tags {
  display: flex;
  gap: var(--space-8);
  justify-content: center;
  margin-bottom: var(--space-24);
}

.post-excerpt {
  font-size: 1.25rem;
  margin-top: var(--space-24);
  margin-bottom: var(--space-24);
}

.related-posts {
  margin-top: var(--space-96);
  padding-top: var(--space-64);
  border-top: 1px solid var(--border-subtle);
}

.final-cta {
  margin-top: var(--space-96);
  text-align: center;
  background: var(--bg-surface);
  padding: var(--space-64) 2rem;
  border-radius: var(--radius-card);
  border: 1px solid var(--border-subtle);
}