/*
 * Media rules that are specific to rich text editor surfaces.
 *
 * The reusable Attachment component owns the generic .image-* figure and
 * toolbar styles in attachment.css. This file only contains rich-text-editor
 * fallbacks and editor-specific constraints.
 */

/* Images — generic fallback (non-NodeView contexts) */
.rich-text-editor img {
  max-width: 100%;
  height: auto;
  border-radius: var(--radius);
  margin: 0.5rem 0;
}

/* Editor-only overrides: center the figure inside the NodeView and cap
 * width so an oversize paste doesn't blow out the editor column. */
.rich-text-editor .image-node {
  display: block !important;
  text-align: center;
}

.rich-text-editor .image-figure {
  max-width: min(100%, 640px);
}