/* The same typography is used while editing, previewing and reading tutorials. */
:is(#article-content,#body-editor,#preview-body,#article-preview-body){font-family:system-ui,-apple-system,"Microsoft YaHei","PingFang SC",sans-serif;font-size:16px;line-height:1.95;color:#31483f;overflow-wrap:anywhere;word-break:normal}
:is(#article-content,#body-editor,#preview-body,#article-preview-body) :is(p,div){line-height:inherit}
:is(#article-content,#body-editor,#preview-body,#article-preview-body) p{font-size:inherit;line-height:inherit;color:inherit;margin:0 0 1em}
:is(#article-content,#body-editor,#preview-body,#article-preview-body) :is(h1,h2,h3,h4,h5,h6){color:#1b3930;font-weight:650;line-height:1.55;margin:1.8em 0 .7em;scroll-margin-top:130px;letter-spacing:0}
:is(#article-content,#body-editor,#preview-body,#article-preview-body) :is(h1,h2){font-size:24px}
:is(#article-content,#body-editor,#preview-body,#article-preview-body) h3{font-size:20px}
:is(#article-content,#body-editor,#preview-body,#article-preview-body) :is(h4,h5,h6){font-size:17px}
:is(#article-content,#body-editor,#preview-body,#article-preview-body)>:first-child{margin-top:0}
:is(#article-content,#body-editor,#preview-body,#article-preview-body) strong{font-weight:650}
:is(#article-content,#body-editor,#preview-body,#article-preview-body) p:has(>strong:only-child){margin-top:1.5em;margin-bottom:.55em}
:is(#article-content,#body-editor,#preview-body,#article-preview-body) :is(ul,ol){display:block;margin:1em 0 1.4em;padding-left:1.65em;list-style-position:outside}
:is(#article-content,#body-editor,#preview-body,#article-preview-body) ul{list-style-type:disc}
:is(#article-content,#body-editor,#preview-body,#article-preview-body) ol{list-style-type:decimal}
:is(#article-content,#body-editor,#preview-body,#article-preview-body) li{display:list-item;margin:.35em 0;padding-left:.15em;line-height:inherit}
:is(#article-content,#body-editor,#preview-body,#article-preview-body) li p{margin:.25em 0}
:is(#article-content,#body-editor,#preview-body,#article-preview-body) blockquote{margin:1.4em 0;padding:16px 20px;border-left:3px solid #80b4a2;background:#eef6f1;border-radius:0 8px 8px 0;color:#48675b}
:is(#article-content,#body-editor,#preview-body,#article-preview-body) blockquote p:last-child{margin-bottom:0}
:is(#article-content,#body-editor,#preview-body,#article-preview-body) :is(img,video){display:block;max-width:100%;height:auto;margin:24px auto;border-radius:10px}
:is(#article-content,#body-editor,#preview-body,#article-preview-body) video{width:min(100%,720px);max-height:480px;background:#101c18;object-fit:contain}
:is(#article-content,#body-editor,#preview-body,#article-preview-body) figure{margin:26px 0}
:is(#article-content,#body-editor,#preview-body,#article-preview-body) figcaption{font-size:12px;text-align:center;color:#81978c;line-height:1.7;margin-top:8px}
:is(#article-content,#body-editor,#preview-body,#article-preview-body) table{display:block;max-width:100%;width:max-content;min-width:min(100%,560px);overflow-x:auto;margin:24px 0;border-collapse:collapse;white-space:normal;font-size:14px;line-height:1.8}
:is(#article-content,#body-editor,#preview-body,#article-preview-body) :is(th,td){padding:12px 15px;border:1px solid #dce7e0;color:inherit;min-width:100px;max-width:420px;vertical-align:top;white-space:normal}
:is(#article-content,#body-editor,#preview-body,#article-preview-body) th{background:#edf5ef;font-weight:650}
:is(#article-content,#body-editor,#preview-body,#article-preview-body) :is(th,td) p{margin:0}
:is(#article-content,#body-editor,#preview-body,#article-preview-body) pre{margin:24px 0;padding:20px;background:#f0f5f2;border:1px solid #dce7e0;border-radius:10px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.85}
:is(#article-content,#body-editor,#preview-body,#article-preview-body) code{font-family:ui-monospace,Consolas,monospace;font-size:.9em}
:is(#article-content,#body-editor,#preview-body,#article-preview-body) hr{border:0;border-top:1px solid #dce7e0;margin:28px 0}
.word-import-tools{padding:14px 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid #e5ece6}.word-import-tools p{margin:0;flex:1;min-width:200px;font-size:11px;line-height:1.8;color:#81948a}.word-import-tools button{white-space:nowrap}.word-import-status{font-size:12px;line-height:1.9;color:#5f8273;margin:12px 0}.editor-toolbar button[aria-pressed=true]{background:#dcefe6;color:#17684d}.admin-loading{padding:22px;border:1px dashed #d9e3e9;border-radius:10px;color:#7c90a0;font-size:13px}.admin-more{display:block;margin:20px auto}.word-choice-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
@media(max-width:650px){:is(#article-content,#body-editor,#preview-body,#article-preview-body){font-size:15px;line-height:1.95}:is(#article-content,#body-editor,#preview-body,#article-preview-body) :is(h1,h2){font-size:22px}:is(#article-content,#body-editor,#preview-body,#article-preview-body) h3{font-size:19px}:is(#article-content,#body-editor,#preview-body,#article-preview-body) video{max-height:360px}}

:is(#article-content,#body-editor,#preview-body,#article-preview-body)>div{margin:0 0 1em}:is(#article-content,#body-editor,#preview-body,#article-preview-body)>div:has(>strong:only-child){margin-top:1.5em;margin-bottom:.55em}

:is(#article-content,#body-editor,#preview-body,#article-preview-body)>div:has(>b:only-child){margin-top:1.3em;margin-bottom:.45em}