:root { --doc-font: "MD Arimo", "MD Sans"; --doc-heading-font: "MD Arimo", "MD Sans"; --doc-code-font: "MD Mono", "MD Sans"; --doc-size: 12pt; --doc-leading: 1.5; --doc-heading-scale: 1; --doc-paragraph-spacing: 8pt; --doc-align: left; --doc-margin: 18mm; } .md-document { color: var(--navy); background: var(--white); font-family: var(--doc-font) !important; font-size: var(--doc-size) !important; font-weight: 400; font-synthesis: none; line-height: var(--doc-leading) !important; text-align: var(--doc-align); text-transform: none; letter-spacing: normal; overflow-wrap: anywhere; word-break: normal; } .md-document * { box-sizing: border-box; } .md-document :is(p, li, td, th) { font-family: inherit; font-size: inherit; line-height: inherit; } .md-document p { margin: 0 0 var(--doc-paragraph-spacing); padding: 0; } .md-document :is(h1, h2, h3, h4, h5, h6) { display: block; margin: 8pt 0 5pt; padding: 0; border: 0; color: var(--navy); font-family: var(--doc-heading-font) !important; font-weight: 700; line-height: 1.3; text-align: left; text-transform: none; letter-spacing: normal; overflow-wrap: anywhere; } .md-document :is(h1, h2, h3, h4, h5, h6)::after { content: none; } .md-document h1 { font-size: calc(2em * var(--doc-heading-scale)); } .md-document h2 { font-size: calc(1.6em * var(--doc-heading-scale)); } .md-document h3 { font-size: calc(1.3em * var(--doc-heading-scale)); } .md-document h4 { font-size: calc(1.15em * var(--doc-heading-scale)); } .md-document h5 { font-size: calc(1.05em * var(--doc-heading-scale)); } .md-document h6 { font-size: calc(1em * var(--doc-heading-scale)); } .md-document > :first-child { margin-top: 0; } .md-document :is(strong, b) { font-family: inherit; font-weight: 700; } .md-document :is(em, i) { font-style: italic; } .md-document :is(ul, ol) { margin: 0 0 7pt; padding-left: 1.5em; } .md-document li { margin: .25em 0; padding: 0; } .md-document li::marker { font-family: var(--doc-font); font-size: 1em; color: var(--doc-marker-ink, var(--navy)); } .md-document li > p { margin: 0; } .md-document li > :is(ul, ol) { margin-block: .2em; } .md-document a { color: var(--blue); text-decoration: underline; text-underline-offset: .15em; } .md-document a:hover { color: var(--navy); background: var(--sand); } .md-document blockquote { margin: 0 0 8pt; padding: 4pt 6pt; border-left: 2pt solid var(--blue); color: var(--navy); } .md-document blockquote > :last-child { margin-bottom: 0; } .md-document :is(code, pre) { font-family: var(--doc-code-font) !important; font-size: .9em; line-height: 1.5; text-align: left; } .md-document :not(pre) > code { padding: .1em .25em; border: 1px solid var(--cream); background: var(--sand); color: var(--navy); white-space: break-spaces; } .md-document pre { max-width: 100%; margin: 0 0 8pt; padding: 4pt 6pt; border: 0; border-radius: 0; background: var(--sand); color: var(--navy); white-space: pre-wrap; overflow-wrap: anywhere; overflow: auto; tab-size: 4; } .md-document pre > code { display: block; margin: 0; padding: 0; border: 0; background: transparent; color: inherit; font-size: 1em; white-space: pre-wrap; overflow-wrap: anywhere; } .md-document table { width: 100%; max-width: 100%; margin: 0 0 10pt; border-collapse: collapse; border-spacing: 0; table-layout: fixed; color: var(--navy); } .md-document :is(th, td) { min-width: 0; padding: 4pt 5pt; border: .5pt solid var(--cream); background: var(--white); text-align: start; vertical-align: top; overflow-wrap: anywhere; } .md-document th { font-weight: 700; background: var(--sand); } .md-document [align="center"] { text-align: center; } .md-document [align="right"] { text-align: right; } .md-document hr { height: 0; margin: 8pt 0 12pt; border: 0; border-top: .75pt solid var(--cream); } .md-document input[type="checkbox"] { appearance: none; -webkit-appearance: none; display: inline-grid; place-content: center; width: .9em; height: .9em; margin: 0 .45em 0 0; padding: 0; border: .09em solid var(--doc-marker-ink, var(--navy)); border-radius: 0; background: var(--white); color: var(--doc-marker-ink, var(--navy)); font: inherit; vertical-align: -.08em; opacity: 1; } .md-document input[type="checkbox"]:checked::before { content: ""; width: .48em; height: .27em; border-left: .1em solid currentColor; border-bottom: .1em solid currentColor; transform: translateY(-.05em) rotate(-45deg); } .md-document li:has(> input[type="checkbox"]), .md-document li:has(> p > input[type="checkbox"]), .md-document .task-list-item, .md-document .vditor-task { list-style: none; } .md-document hr.md-page-break { height: 1.2em; margin: 1.5em 0; border: 0; border-block: 1px dashed var(--doc-marker-ink, var(--cream)); background: var(--sand); break-after: page; page-break-after: always; } .md-document .md-image-placeholder { display: inline; padding: 2px 4px; border: 1px dashed var(--cream); color: var(--navy); background: var(--sand); font: inherit; } .md-document:focus-visible { outline: 2px solid var(--blue); outline-offset: 4px; } [data-doc-theme="formal"] .md-document h1 { text-align: center; } [data-doc-theme="formal"] .md-document blockquote { border-left-color: var(--cream); font-style: italic; } [data-doc-theme="formal"] .md-document hr { border-top-color: var(--navy); } [data-doc-theme="formal"] .md-document { --doc-marker-ink: var(--navy); } [data-doc-theme="kagantic"] .md-document { --doc-marker-ink: var(--blue); } [data-doc-theme="kagantic"] .md-document input[type="checkbox"] { box-shadow: .1em .1em 0 var(--navy); } [data-doc-theme="kagantic"] .md-document :is(h1, h2) { padding: 5pt 7pt; border: .7pt solid var(--navy); box-shadow: 1.2pt 1.2pt 0 var(--blue); margin-bottom: 6.2pt; background: var(--white); } [data-doc-theme="kagantic"] .md-document :is(h3, h4, h5, h6) { color: var(--blue); } [data-doc-theme="kagantic"] .md-document blockquote { border-left-color: var(--blue); background: var(--sand); } [data-doc-theme="kagantic"] .md-document :is(th, td) { border-color: var(--navy); } [data-doc-theme="kagantic"] .md-document hr { border-top: 1.1pt solid var(--blue); } @media (max-width: 620px) { .md-document[contenteditable="true"] { -webkit-text-size-adjust: 100%; } } @media print { .md-document :is(h1,h2,h3,h4,h5,h6) { break-after: avoid; } .md-document thead { display: table-header-group; } .md-document tr { break-inside: avoid; } .md-document pre { white-space: pre-wrap; overflow: visible; } .md-document hr.md-page-break { height: 0; margin: 0; border: 0; background: none; } }