/* Shared article image layout, including images saved before this update. */
.rich-editor::after,.wysiwyg-content::after { content:"";display:block;clear:both; }
.rich-editor .content-image,.wysiwyg-content .content-image { box-sizing:border-box; }
.rich-editor .content-image--large,.wysiwyg-content .content-image--large { max-width:85%; }
.rich-editor .content-image[data-image-width],.wysiwyg-content .content-image[data-image-width] { max-width:100%; }
.rich-editor .content-image img,.wysiwyg-content .content-image img,
.rich-editor img[data-page-media-id],.wysiwyg-content img[data-page-media-id] { height:auto;max-height:none;border-radius:13px; }
.rich-editor .content-image--align-left,.wysiwyg-content .content-image--align-left { float:left;clear:left;margin:8px 24px 18px 0; }
.rich-editor .content-image--align-right,.wysiwyg-content .content-image--align-right { float:right;clear:right;margin:8px 0 18px 24px; }
.rich-editor .content-image--align-center,.wysiwyg-content .content-image--align-center { float:none;clear:both;margin:24px auto; }
.editor-image-host { position:relative;min-width:0; }
.editor-image-controls { display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:8px 0;padding:11px 13px;border:1px solid #d4d6d9;border-radius:10px;background:#f7f7f4;color:#282c32;font:13px/1.4 Arial,sans-serif; }
.editor-image-controls[hidden],.editor-image-overlay[hidden],.editor-image-drop-marker[hidden] { display:none!important; }
.editor-image-controls button { min-height:32px;padding:5px 10px;border:1px solid #bdc1c8;border-radius:6px;background:#fff;color:#282c32;font:inherit;cursor:pointer; }
.editor-image-controls button[aria-pressed="true"] { background:#ffe463;border-color:#8c7923; }
.editor-image-controls label { display:flex;align-items:center;gap:6px; }
.editor-image-controls input[type="number"] { width:68px!important;min-height:32px;padding:4px 6px;border:1px solid #bdc1c8;border-radius:6px;font:inherit; }
.editor-image-align,.editor-image-sizes { display:flex;flex-wrap:wrap;gap:5px; }
.editor-image-help { flex-basis:100%;color:#636975;font-size:12px; }
.editor-image-close { margin-left:auto; }
.editor-image-overlay { position:absolute;z-index:5;box-sizing:border-box;border:2px solid #a67e00;border-radius:13px;pointer-events:none; }
.editor-image-overlay button { position:absolute;width:18px;height:18px;min-width:18px;min-height:18px;padding:0;border:2px solid #fff;border-radius:50%;background:#a67e00;box-shadow:0 0 0 1px #715600;pointer-events:auto;touch-action:none; }
.editor-image-overlay button:focus-visible { outline:3px solid #223cff;outline-offset:4px; }
.editor-image-overlay [data-image-corner="nw"] { left:-9px;top:-9px;cursor:nwse-resize; }
.editor-image-overlay [data-image-corner="ne"] { right:-9px;top:-9px;cursor:nesw-resize; }
.editor-image-overlay [data-image-corner="sw"] { left:-9px;bottom:-9px;cursor:nesw-resize; }
.editor-image-overlay [data-image-corner="se"] { right:-9px;bottom:-9px;cursor:nwse-resize; }
.editor-image-overlay .editor-image-edit { left:10px;top:10px;width:auto;max-width:calc(100% - 20px);box-sizing:border-box;height:auto;min-height:30px;padding:5px 10px;border:1px solid #715600;border-radius:7px;background:#fff;color:#282c32;box-shadow:0 2px 6px #0002;font:13px/1.3 Arial,sans-serif;overflow:hidden;text-overflow:ellipsis;cursor:pointer;touch-action:manipulation; }
.editor-image-resizing,.editor-image-resizing * { cursor:grabbing!important;user-select:none!important; }
.editor-image-dialog { position:fixed;inset:0;margin:auto;width:min(620px,calc(100vw - 32px));height:fit-content;max-height:calc(100dvh - 40px);box-sizing:border-box;padding:20px;border:1px solid #bdc1c8;border-radius:15px;background:#f7f7f4;color:#282c32;box-shadow:0 18px 70px #0005;overflow:auto; }
.editor-image-dialog:not([open]) { display:none; }
.editor-image-dialog::backdrop { background:rgb(20 25 35 / 50%); }
.editor-image-dialog h2 { margin:0 0 16px;font:bold 20px/1.3 Arial,sans-serif; }
.editor-image-dialog .editor-image-controls { margin:0;padding:0;border:0; }
.editor-image-moving-source { opacity:.35;outline:2px dashed #3155d9;outline-offset:4px; }
.editor-image-drop-marker { position:absolute;z-index:8;height:0;border-top:4px solid #3155d9;pointer-events:none;box-shadow:0 1px 0 #fff; }
.editor-image-drop-marker::before,.editor-image-drop-marker::after { content:"";position:absolute;top:-6px;width:8px;height:8px;border-radius:50%;background:#3155d9; }
.editor-image-drop-marker::before { left:-3px; }.editor-image-drop-marker::after { right:-3px; }
.editor-image-drop-marker span { position:absolute;left:12px;bottom:6px;padding:4px 8px;border-radius:5px;background:#3155d9;color:#fff;font:bold 12px/1.4 Arial,sans-serif;white-space:nowrap; }
@media(max-width:700px) {
 .rich-editor .content-image--align-left,.rich-editor .content-image--align-right,
 .wysiwyg-content .content-image--align-left,.wysiwyg-content .content-image--align-right { float:none;clear:both;margin:20px auto; }
 .editor-image-controls { gap:8px;padding:10px; }
 .editor-image-close { margin-left:0; }
}
