.post {
  padding: var(--space-3xl) 0;
}

.post__inner {
  width: min(calc(100% - 2rem), 46rem);
}

.post-header {
  margin-bottom: var(--space-2xl);
}

.post-meta {
  margin: 0 0 var(--space-sm);
  color: var(--color-accent);
}

.post-header__title {
  margin: 0;
  font-size: clamp(2rem, 4vw, 3.4rem);
  line-height: var(--line-height-heading);
  text-wrap: balance;
}

.post-header__summary {
  margin: var(--space-md) 0 0;
  color: var(--color-text-muted);
  font-size: var(--font-size-lg);
}

.post-body {
  display: grid;
  gap: var(--space-lg);
  color: var(--color-text-muted);
  padding: var(--space-xl);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: rgba(255,255,255,0.02);
}

.post-body p {
  margin: 0;
}

.post-body h2 {
  margin: var(--space-md) 0 0;
  color: var(--color-text);
  font-size: clamp(1.35rem, 2.4vw, 1.75rem);
}

.post-body ul,
.post-body ol {
  margin: 0;
  padding-left: 1.25rem;
  display: grid;
  gap: 0.55rem;
}

.post-body li {
  margin: 0;
}

.post-figure {
  margin: 0;
  display: grid;
  gap: var(--space-sm);
}

.post-figure img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border);
  background: rgba(255,255,255,0.02);
}

.post-figure figcaption {
  color: var(--color-text-subtle);
  font-size: var(--font-size-sm);
}

.post-links {
  margin-top: var(--space-2xl);
}