:root{--cobalt:#0b2c96;--royal:#1d4ebd;--accent:#f4a000}
.article-editor{width:min(940px,calc(100% - 32px))}.editor-heading{padding:12px 0 26px}.editor-heading h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.12;margin:12px 0;color:#011246}.editor-heading p{margin:0;color:#5b6b85}.editor-eyebrow{font-size:12px;font-weight:800;letter-spacing:.15em;color:#0b2c96}.editor-card{box-shadow:0 18px 45px #0112460c;border-top:4px solid #f4a000}.editor-photo{padding:0 0 24px;border-bottom:1px solid #dce2ef}.editor-photo label{margin-top:0}.editor-photo input{background:#f6f8fc;border:1px dashed #8da2d1;cursor:pointer}.editor-photo img{width:100%;aspect-ratio:16/9;object-fit:cover;margin:16px 0;border-radius:12px}#removeArticlePhoto{background:#e8eefb;color:#0b2c96;border:0;padding:9px 14px}.editor-meta{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.editor-meta label{grid-row:1}.editor-meta input{grid-row:2}.editor-body-label{display:flex;align-items:center;justify-content:space-between}.editor-toolbar{display:flex;gap:8px;padding:10px;background:#e8eefb;border:1px solid #acb9d2;border-bottom:0;border-radius:8px 8px 0 0}.editor-toolbar button{padding:6px 12px;background:white;color:#0b2c96;border-color:#cad6ee;font-size:13px}#articleBody{border-radius:0 0 8px 8px;min-height:440px;font-size:17px;line-height:1.8}.editor-actions{position:sticky;bottom:0;background:white;padding:16px 0 6px;border-top:1px solid #dce2ef;margin-bottom:0}.editor-actions button[type=submit]{background:#f4a000;color:#011246;border-color:#f4a000}.editor-actions button[type=button]{background:#0b2c96;color:white;border-color:#0b2c96}.editor-library{padding:32px 0}.editor-library ul{list-style:none;padding:0}.editor-library li{background:white;border:1px solid #dce2ef;padding:14px 18px;border-radius:10px}.editor-library a{color:#0b2c96}.article-editor :is(input,textarea,button):focus-visible{outline:3px solid #f4a000;outline-offset:2px}
@media(max-width:600px){.editor-meta{display:block}.editor-card{padding:20px}.editor-actions button{flex:1}#articleBody{min-height:360px}}
