/* Shared by the public article and the editing canvas. Inline author styles win. */
.article-content,
.note-editor .note-editing-area .note-editable.article-content {
    --reader-font-size: 18px;
    display: flow-root;
    min-width: 0;
    color: #d1d5db;
    font-family: "Noto Serif TC", "Microsoft JhengHei", serif;
    font-size: var(--reader-font-size);
    line-height: 1.8;
    letter-spacing: 0.02em;
    overflow-wrap: anywhere;
    word-break: normal;
}
.article-content *, .article-content *::before, .article-content *::after { box-sizing: border-box; }
.article-content :where(div, p, blockquote, figure) { max-width: 100%; }
.article-content p { margin: 0 0 1.4em; }
.article-content :is(h1, h2, h3, h4, h5, h6) { font-weight: 700; line-height: 1.55; margin: 1.8em 0 1em; }
.article-content h1 { font-size: 1.55em; }
.article-content h2 { font-size: 1.35em; }
.article-content h3 { font-size: 1.18em; }
.article-content :is(h4, h5, h6) { font-size: 1.08em; }
.article-content blockquote { margin: 1em 0; padding: .75em 1em; border-left: 3px solid #c9a063; color: #b9b9b9; }
.article-content :is(ul, ol) { margin: 0 0 1.4em; padding-inline-start: 1.5em; }
.article-content ul { list-style-type: disc; }
.article-content ol { list-style-type: decimal; }
.article-content li + li { margin-top: .45em; }
.article-content a { color: #dfbc7e; text-decoration: underline; text-underline-offset: .15em; }
.article-content figure { margin: 1.5em 0; }
.article-content figcaption { margin-top: .5em; color: #abb1b9; font-size: .85em; }
.article-content img { display: block; max-width: 100% !important; height: auto !important; margin: 1.5em auto; }
.article-content iframe.article-video { display: block; max-width: 100%; min-height: 200px; height: auto; aspect-ratio: 16 / 9; border: 0; margin: 1.5em auto; }
.article-content pre { max-width: 100%; overflow: auto; margin: 1em 0; padding: 1em; background: #111819; white-space: pre; }
.article-content code { font-family: Consolas, monospace; }
.article-content table { border-collapse: collapse; max-width: 100%; margin: 1em 0; }
.article-content :is(th, td) { padding: .65em .8em; border: 1px solid #465153; vertical-align: top; }
.article-content th { font-weight: 700; }
.article-content hr { margin: 1.5em 0; border: 0; border-top: 1px solid #465153; }
.article-content sub, .article-content sup { font-size: .75em; line-height: 0; position: relative; vertical-align: baseline; }
.article-content sub { bottom: -.25em; }
.article-content sup { top: -.5em; }