/* DOM compatibility only. Visual settings live in the original dyzj-light CSS. */
.typora-reader { --article-body-size: 17px; background: var(--bg-color); display: block; }
@media (max-width: 767px) { .typora-reader { --article-body-size: 16px; } }
.typora-content { display: block; }
/* Keep the card padding independent of Typora's editor padding. */
.blog-post-card { padding: 24px; }
@media (min-width: 992px) { .blog-post-card { padding: 40px; } }
.typora-reader #write { width: 100%; max-width: none; margin: 0; padding: 0; font-size: var(--article-body-size); line-height: 27.2px; }
.typora-reader #write :is(p,ul,ol,li,blockquote,td,th) { font-size: var(--article-body-size); line-height: 27.2px; }
.typora-reader #write h2 { font-size: 25px; margin: 37.5px 0 25px; }
.typora-reader #write h3 { font-size: 21px; margin: 28px 0 21px; }
.typora-reader #write h4 { font-size: 19px; margin: 24px 0 16px; }
@media (min-width: 768px) {
  .typora-reader #write h2 { font-size: 29px; }
  .typora-reader #write h3 { font-size: 23px; }
  .typora-reader #write h4 { font-size: 21px; }
}
.blog-toc-list a, .blog-toc-title { font-size: 16px; }
.blog-toc-list a[data-level='3'] { font-size: 15.2px; }
.blog-toc-list a[data-level='4'] { font-size: 14.5px; padding-left: 1.5rem; }
.typora-reader #write > :last-child { margin-bottom: 0; }
.typora-reader #write > .article-header { border: 0; padding: 0; margin: 0; }
.typora-reader #write .article-header h1 { font-size: 37.4px; margin-top: 0; margin-bottom: 16px; padding-bottom: 0; letter-spacing: normal; overflow-wrap: anywhere; }
@media (max-width: 767px) { .typora-reader #write .article-header h1 { font-size: 30px; } }
.typora-reader #write .article-meta { justify-content: center; gap: 12px 20px; margin-bottom: 16px !important; font: 400 17px/1.5 Lato, sans-serif; }
.typora-reader #write .article-date,
.typora-reader #write .article-tags { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.typora-reader #write .article-meta .badge { font: 400 15px/1.2 Lato, sans-serif; padding: 4px 7px; color: #212529; background: #f8f9fa; border: 0; border-radius: 4px; text-decoration: none; }
.typora-reader #write .article-meta .badge:hover { color: #0645ad !important; background: #eef2f6; text-decoration: none; }
.typora-reader #write .article-header > p { text-align: center; margin-top: 0; }
.typora-reader #write .table-scroll { overflow-x: auto; margin: .8em 0; }
.typora-reader #write .table-scroll table { display: table; width: 100%; }
.typora-reader #write table tbody tr:not(:hover) { background-color: transparent; }
.typora-reader #write blockquote { padding: 8px 12px; }
.typora-reader #write blockquote > * { margin-left: 28px !important; }
.typora-reader #write blockquote > :first-child { margin-top: 6px; }
.typora-reader #write blockquote > :last-child { margin-bottom: 6px; }
/* ICLR-style parenthesized citations, separate from ordinary list numbering. */
.typora-reader #write sup.md-footnote {
    background: transparent;
    color: inherit;
    font-size: 1em;
    line-height: inherit;
    vertical-align: baseline;
    top: auto;
}
.typora-reader #write sup.md-footnote::before { content: '('; }
.typora-reader #write sup.md-footnote::after { content: ')'; }
.typora-reader #write sup.md-footnote a {
    padding: 0;
    border: .5px solid #00ff00;
    border-radius: 0;
    background: transparent;
    color: inherit;
    text-decoration: none;
}
.typora-reader #write .footnotes > ol {
    counter-reset: paper-footnote;
    padding-left: 0;
}
.typora-reader #write .footnotes > ol > li {
    counter-increment: paper-footnote;
    padding-left: 28px;
}
.typora-reader #write .footnotes > ol > li::before {
    content: '[' counter(paper-footnote) ']';
    counter-increment: none;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    width: auto;
    height: auto;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: inherit;
    font-size: 1em;
    line-height: inherit;
    cursor: default;
    transform: none;
    transition: none;
}
.typora-reader #write .footnotes > ol > li > p { padding-left: 0; }
.typora-reader #write li { position: relative; }
.typora-reader #write .md-image { display: block; text-align: center; }
.typora-reader #write p > .md-image::after {
    content: attr(alt) !important;
    counter-increment: none;
}
.typora-reader #write p > .md-image.md-image-no-caption::after {
    content: none !important;
    display: none;
    counter-increment: none;
    margin: 0 !important;
}
.typora-reader #write .md-image img { max-width: 100%; height: auto; }
.typora-reader #write .md-image img[alt|='shadow'] { box-shadow: #84A1A8 0px 10px 15px; }
.typora-reader #write .highlighter-rouge { position: relative; margin: 10px 0; }
.typora-reader #write pre.md-fences { padding: 16px 12px; overflow-x: auto; margin: 0; }
.typora-reader #write pre.md-fences code { display: block; background: transparent; color: var(--codeblockfont-color); padding: 0; font-size: .95em; white-space: pre; }
.typora-reader #write .highlight { margin: 0; }
.typora-reader #write .MathJax_Display { overflow-x: auto; overflow-y: hidden; max-width: 100%; }
.typora-reader #write .md-task-list-item > input { appearance: auto; position: static; margin: 0 .5em 0 0; accent-color: var(--taskfocus-color); }
.typora-reader #write .md-task-list-item > input::before { display: none; }
.typora-reader #write :is(h2,h3,h4,h5,h6) { scroll-margin-top: 90px; }
.typora-reader #write h2::before { margin-left: 0; font-size: 1em; vertical-align: baseline; }
@media (prefers-reduced-motion: reduce) { .typora-reader #write h2::before, .typora-reader #write span { animation: none !important; } }