/* Blog-specific styles — layout only; tokens in tokens.css */
.prose code {
  background: var(--surface2);
  padding: 2px 6px;
  border-radius: 6px;
  font-size: .9em;
}

.prose pre {
  background: var(--surface2);
  padding: 1rem;
  border-radius: var(--r);
  overflow-x: auto;
  margin-bottom: 1rem;
}

.prose img {
  border-radius: var(--r);
  margin: 1.5rem 0;
  max-width: 100%;
  height: auto;
}

.prose .post-cover {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  margin: 1rem 0 2rem;
}

.prose .task-list-item {
  list-style: none;
  margin-left: -1.25rem;
}