/* Blog supplements for the refreshed visual language */
.blog-card__body p {
  margin: 0;
}

.post-content blockquote {
  margin: var(--spacing-lg) 0;
  padding: var(--spacing-sm) var(--spacing-md);
  border-left: 4px solid color-mix(in srgb, var(--accent-secondary) 50%, transparent);
  background: color-mix(in srgb, var(--surface-muted) 80%, transparent);
  font-style: italic;
}

.post-content pre {
  margin: var(--spacing-md) 0;
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--surface-muted) 85%, transparent);
  overflow-x: auto;
}

.post-content code {
  font-family: 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', monospace;
  font-size: 0.95em;
}