/* Editor · contenido del folio: tablas, imágenes, saltos de página y citas.
   Troceado de `compact_workspace.css` (lote C3). Carga en `head_extra` de
   editor/editor.html, ANTES del núcleo: ante una regla del núcleo con la misma
   especificidad, pierde. El orden entre módulos lo fija tests/css_manifest.py. */
/* Selección de texto en gris neutro y no en el azul del navegador: el azul
   quedaba a ΔE 8 del discurso elegido y a 12 de su tinte, y un fragmento
   seleccionado se leía como una marca más (22/09). Este gris queda a más de
   ΔE 10 de todas las marcas salvo las de «general» (4,5), la categoría que
   menos se ve en el folio. */
[data-editor-surface] ::selection { background-color:#d4d4d4; color:inherit; }
.rich-editor-content table { width:100%; margin:1rem 0; border-collapse:collapse; table-layout:fixed; }
.rich-editor-content th, .rich-editor-content td { min-width:80px; padding:7px 9px; border:1px solid #9daabd; vertical-align:top; }
.rich-editor-content th { background:#eef4fa; font-weight:700; }
.rich-editor-content .selectedCell { background:#dceefe; }
/* Imágenes. El tamaño lo lleva el NODO (`width`/`height` en píxeles CSS, ver
   editor/content_adapter.js) y lo aplica su vista de nodo como estilo en línea;
   aquí solo queda el encaje en la columna y el marco del tirador.

   NO vuelve la regla `.rich-editor-content p img { max-height:1.4em }`: recortaba
   a la altura de una línea de texto CUALQUIER imagen dentro de un párrafo, y
   como la reimportación de un DOCX devolvía toda imagen de bloque convertida en
   imagen en línea, una foto entera reaparecía como una miniatura de ~30 px. Una
   imagen en línea con su tamaño escrito no necesita que la hoja la encoja. */
.rich-editor-content img { display:block; max-width:100%; height:auto; margin:1rem auto; border-radius:4px; }
/* Marco de la vista de nodo: es quien posiciona el tirador, así que se ajusta
   al contenido (`fit-content`) para no dejar zona muerta a la derecha. */
.rich-editor-content [data-editor-image] { position:relative; max-width:100%; }
.rich-editor-content [data-editor-image="block"] { display:block; width:fit-content; margin:1rem auto; }
.rich-editor-content [data-editor-image="inline"] { display:inline-block; margin:0 .15em; vertical-align:bottom; }
.rich-editor-content [data-editor-image] img { margin:0; }
.rich-editor-content [data-editor-image].ProseMirror-selectednode img { outline:2px solid var(--ed-accent, #006fc0); outline-offset:1px; }
.rich-editor-content .editor-image-handle {
  position:absolute; right:-7px; bottom:-7px; width:14px; height:14px; padding:0;
  border:2px solid #fff; border-radius:3px; background:var(--ed-accent, #006fc0);
  box-shadow:0 1px 3px rgba(16,32,56,.35); cursor:nwse-resize; opacity:0;
  touch-action:none;
}
.rich-editor-content [data-editor-image]:hover .editor-image-handle,
.rich-editor-content [data-editor-image].ProseMirror-selectednode .editor-image-handle,
.rich-editor-content .editor-image-handle:focus-visible { opacity:1; }
.rich-editor-content .editor-image-handle:focus-visible { outline:2px solid #0b2a4a; outline-offset:2px; }
@media print {
  .rich-editor-content .editor-image-handle { display:none; }
}
/* El salto no salta en pantalla —el folio es un continuo— pero es un salto real
   en el DOCX y al imprimir. La marca tiene que decirlo: con la raya discontinua
   a secas se confundía con el separador de apartado, que es el mismo trazo, y
   parecía que el botón no hacía nada. */
.rich-editor-content .artext-page-break {
  position:relative; height:0; margin:2.6rem 0; border:0; border-top:1px solid #b9cadd;
  break-after:page; page-break-after:always;
}
.rich-editor-content .artext-page-break::after {
  content: var(--artext-page-break-label, "Salto de página");
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  padding:.05rem .55rem; border:1px solid #b9cadd; border-radius:999px;
  background:var(--bg-card); color:#5c7391;
  font:600 10px/1.6 system-ui, sans-serif; letter-spacing:.06em;
  text-transform:uppercase; white-space:nowrap;
}
@media print {
  .rich-editor-content .artext-page-break { border-top-color:transparent; }
  .rich-editor-content .artext-page-break::after { display:none; }
}
/* Cita en bloque: la extensión Blockquote del StarterKit aplica el nodo, pero
   sin estilo propio quedaba idéntica a un párrafo («no parece funcionar»).
   Barra azul de marca e indentación, coherente con el cromo del editor. */
.rich-editor-content blockquote, .rich-editor-surface blockquote { margin:1rem 0; padding:.25rem 0 .25rem 1rem; border-left:3px solid var(--ed-accent, #006fc0); color:#3a4658; font-style:italic; }
.rich-editor-content blockquote p, .rich-editor-surface blockquote p { margin:0; }