/* Blog post content: images get consistent styling so you can use
   markdown ![](url) or simple <img> and they look good. */
.prose img {
  border-radius: 0.75rem;
  max-width: 100%;
  max-height: 28rem;
  width: auto;
  height: auto;
  object-fit: contain;
  object-position: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border: 1px solid var(--border, #e5e7eb);
}

.prose img[alt=""],
.prose img:not([alt]) {
  /* Slight visual nudge when alt is missing for a11y */
  outline: 2px dashed var(--muted-foreground, #9ca3af);
  outline-offset: 2px;
}