.blog-admin-card{width:min(100%,1000px)}
.editor-field{min-width:0}.editor-label{display:block;font-size:12px;font-weight:700;margin-bottom:8px}
#blog-editor{height:auto;min-height:320px;background:white}
.ql-editor{min-height:320px;font:16px/1.7 Arial,sans-serif;overflow-wrap:anywhere}
.blog-form .ql-toolbar{background:#f4f9f8;border-radius:6px 6px 0 0}
.blog-form .ql-toolbar button{margin:0;padding:3px 5px}
.ql-snow .ql-picker.ql-font{width:155px}.ql-snow .ql-picker.ql-size{width:75px}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,.ql-snow .ql-picker.ql-font .ql-picker-item::before,
.ql-snow .ql-picker.ql-size .ql-picker-label::before,.ql-snow .ql-picker.ql-size .ql-picker-item::before{content:attr(data-value)}
.editor-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px;border:1px solid var(--line);border-top:0}
.editor-actions button{padding:7px 12px;background:white;border:1px solid var(--line);border-radius:4px;color:var(--teal);cursor:pointer}
#article-count{font-size:12px;color:#456576;margin-left:auto}
.article-page{max-width:900px;padding-top:48px;padding-bottom:70px}
.article-page h1{font-size:clamp(28px,5vw,44px);overflow-wrap:anywhere}
.article-page .ql-container{border:0;font-size:16px}.article-page .ql-editor{padding:20px 0;min-height:0;height:auto;overflow:visible}
.article-page .article-meta{color:#526e7b;margin:18px 0}
.article-plain{white-space:pre-wrap;line-height:1.8;overflow-wrap:anywhere}
.article-page .ql-editor h1{font-size:2em}.article-page .ql-editor p{margin-bottom:1em}
@media(max-width:520px){.ql-toolbar.ql-snow .ql-formats{margin-right:6px}.blog-admin-card{padding:22px 14px}.article-page .ql-editor{overflow-wrap:anywhere}}

.ql-snow .ql-picker.ql-size .ql-picker-label:not([data-value])::before,.ql-snow .ql-picker.ql-size .ql-picker-item:not([data-value])::before{content:"16px"}
.article-open{text-decoration:none}