.vm-editor-dialog{position:fixed;inset:1.5vh 1vw;margin:auto;max-width:1600px;width:98vw;max-height:97vh;height:97vh;padding:0;border:0;border-radius:14px;background:#fbfcfd;color:#182c3b;box-shadow:0 28px 95px #081c2f60;overflow:hidden}
.vm-editor-dialog::backdrop{background:#071925ba;backdrop-filter:blur(5px)}
.vm-editor-dialog *{box-sizing:border-box}
.vm-editor-shell{height:100%;display:flex;flex-direction:column}
.vm-editor-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 22px;border-bottom:1px solid #dce4e9;background:#fff}
.vm-editor-header>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.vm-editor-header strong{font-size:16px}
.vm-editor-article-title{color:#617789;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vm-editor-plain{border:0;background:none;color:inherit;cursor:pointer;padding:8px}
.vm-editor-login{width:min(460px,92%);margin:8vh auto;padding:25px}
.vm-editor-login h2{font-size:27px}
.vm-editor-login p{line-height:1.5;color:#536979}
.vm-editor-login form{display:grid;gap:12px;margin-top:22px}
.vm-editor-login input{font-size:18px;padding:13px;border:1px solid #a6b8c6;border-radius:7px}
.vm-editor-primary{background:#15547d!important;color:white!important;border-color:#15547d!important}
.vm-editor-login button,.vm-editor-toolbar button,.vm-editor-footer button{font:inherit;cursor:pointer;border:1px solid #cfdae0;border-radius:7px;background:white;color:#22394a;padding:8px 11px}
.vm-editor-workspace{display:flex;flex:1;flex-direction:column;min-height:0}
.vm-editor-workspace[hidden],.vm-editor-login[hidden]{display:none}
.vm-editor-toolbar{display:flex;align-items:center;gap:5px;padding:10px 15px;flex-wrap:wrap;border-bottom:1px solid #dce4e9;background:#f6f9fa}
.vm-editor-toolbar button{min-width:35px}
.vm-editor-toolbar button:hover,.vm-editor-footer button:hover{border-color:#417b98;background:#eaf3f7}
.vm-editor-toolbar [aria-pressed=true]{background:#dcebf3;border-color:#6296b2}
.vm-editor-separator{height:25px;border-left:1px solid #c4d1d9;margin:0 5px}
.vm-editor-scroll{flex:1;min-height:0;overflow:auto;padding:20px 24px;background:#e7edf0}
.vm-editor-content,.vm-editor-html{display:block;background:#fff;border:1px solid #d1dce2;border-radius:4px;box-shadow:0 6px 32px #182e4012;margin:0 auto;max-width:900px;width:100%;min-height:100%;padding:clamp(20px,5vw,65px);font-size:17px;line-height:1.65;color:#20313e;overflow-wrap:anywhere}
.vm-editor-content h1{font-size:clamp(26px,3vw,39px);line-height:1.2}
.vm-editor-content h2{font-size:25px;line-height:1.3;margin-top:2em}
.vm-editor-content h3{font-size:20px}
.vm-editor-content img,.vm-editor-content video{max-width:100%;height:auto}
.vm-editor-content figure{max-width:100%;margin:24px 0}
.vm-editor-content a{pointer-events:none}
/* Linked figures remain selectable for editing without opening their links. */
.vm-editor-content a img{pointer-events:auto;cursor:pointer}
.vm-editor-content blockquote{border-left:3px solid #658da3;padding-left:15px;margin-left:0}
.vm-editor-content:focus{outline:2px solid #bdd8e7;outline-offset:2px}
.vm-editor-html{font:14px/1.6 ui-monospace,monospace;resize:none}
.vm-editor-html[hidden],.vm-editor-content[hidden]{display:none}
.vm-editor-footer{border-top:1px solid #dce4e9;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;gap:15px;background:white}
.vm-editor-footer>div{display:flex;flex-wrap:wrap;gap:8px}
.vm-editor-status{color:#517389;font-size:13px;max-width:56ch}
.vm-editor-status[data-error=true]{color:#b5233f}
@media(max-width:680px){.vm-editor-dialog{inset:0;width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.vm-editor-scroll{padding:9px}.vm-editor-content,.vm-editor-html{padding:15px;font-size:16px}.vm-editor-toolbar{gap:3px;padding:7px}.vm-editor-toolbar button{padding:6px}.vm-editor-footer{align-items:stretch;flex-direction:column}.vm-editor-footer>div{justify-content:space-between}}

/* Figure widths are stored as semantic classes, never as inline styles. */
.reading-article figure.vm-figure-50,.vm-editor-content figure.vm-figure-50{width:50%;max-width:100%;margin-left:auto;margin-right:auto}
.reading-article figure.vm-figure-75,.vm-editor-content figure.vm-figure-75{width:75%;max-width:100%;margin-left:auto;margin-right:auto}
.reading-article figure.vm-figure-100,.vm-editor-content figure.vm-figure-100{width:100%;max-width:100%;margin-left:auto;margin-right:auto}
.vm-editor-content img:hover{outline:2px solid #4e8caf;outline-offset:3px;cursor:pointer}
.vm-editor-footer [hidden]{display:none}
@media(max-width:680px){
  .reading-article figure.vm-figure-50,.vm-editor-content figure.vm-figure-50,
  .reading-article figure.vm-figure-75,.vm-editor-content figure.vm-figure-75{width:100%}
}