.article-page{max-width:1120px;margin:0 auto;background:#fff;border:1px solid #dce6e2;border-radius:12px;padding:24px}.article-metadata{max-width:900px}.article-body-heading{display:flex;align-items:center;gap:20px;margin:24px 0 12px}.article-toolbar{position:sticky;top:0;z-index:5;background:#f8fbfa}.article-page .ql-container{min-height:480px;height:auto;font-size:17px}.article-page .ql-editor{min-height:480px;overflow:visible;line-height:1.8}.article-page .ql-editor img,.article-document img{max-width:100%;height:auto;display:block;margin:18px auto}.article-document{font-size:17px;line-height:1.85;max-width:850px;margin:auto;overflow-wrap:anywhere}.article-document p{white-space:pre-wrap;min-height:1em;margin:0 0 1em}.article-document h2{margin:1.5em 0 .7em}.article-document figure{margin:1.5em 0}.article-document a{color:#14776a;text-decoration:underline}.article-actions{position:sticky;bottom:0;z-index:6;display:flex;flex-wrap:wrap;gap:12px;align-items:center;background:#f8fbfa;border-top:1px solid #dce6e2;padding:16px 0;margin-top:24px}.article-actions label{display:flex;align-items:center;gap:6px;font-size:13px}.article-actions input[type=checkbox],.article-category-row input[type=checkbox]{width:auto}.article-category-row{display:flex;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid #eee}.article-category-row .editor-field{flex:1}.article-attachments{display:flex;gap:8px;flex-wrap:wrap}.article-inline-image:not([src]){min-width:120px;min-height:70px;background:#edf4f1}.article-document[hidden]{display:none}.article-page [role=status]{min-height:24px;color:#205b51}@media(max-width:700px){.article-page{padding:12px}.article-category-row{flex-wrap:wrap}.article-actions{gap:6px}.article-body-heading{flex-wrap:wrap}}
.article-page .editor-field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;font-size:13px;color:#4d6056}.article-page .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.article-page .editor-field input,.article-page .editor-field select,.article-page .editor-field textarea{box-sizing:border-box;width:100%;min-width:0;padding:11px 12px;border:1px solid #dce4de;border-radius:8px;background:#fff;color:#234439;font:inherit}.article-page .editor-field textarea{min-height:80px;resize:vertical;line-height:1.6}.article-page .editor-field input:focus,.article-page .editor-field textarea:focus,.article-page .editor-field select:focus{outline:2px solid #a5d3bf;outline-offset:1px}@media(max-width:700px){.article-page .form-grid{grid-template-columns:1fr}}
